aggiornamento immagine con javascript

**Antonini** · 11-01-2009, 01.15.04

ciao a tutti, avrei bisogno che mi deste una mano col javascript, allora, io ho un campo select con diverse opzioni, e vorrei usare il parametro ONCHANGE per aggiornare un campo immagine, con l'immagine selezionata dal menu a tendina, ma l'importante è che la pagina su cui si trova il il campo e l'immagine non venga ricaricata. Se sono stato poco preciso ditemelo e vi illustreerò meglio il mio problema. Potreste postarmi il codice, grazie

EDIT

dovrebbe essere simile alla selezione avatar di Forumfree.net

11-01-2009, 10.53.39

Codice HTML:

<html>
<head>
<title>Prova</title>
<script>
function cambia(links) {
	img = links[links.selectedIndex].value;
	if(img != '#') {
		document.getElementById('img').src=img+'.png';
	}
}
</script>
</head>
<body>
<select onchange="cambia(this)">
<option value="#">Scegli</option>
<option value="img1">Img1</option>
<option value="img2">Img2</option>
</select><br>
Anteprima:<br>
<img id="img" src="">
</body>
</html>

Modifica l'estensione nello script e nel select devi dare il nome dell'immagine come valore alle option. Se hai l'immagine aa.png ad una option dai il valore aa

Discussione: aggiornamento immagine con javascript

LinkBack

Strumenti discussione

Display

aggiornamento immagine con javascript

Regole di scrittura