2 pulsanti di scelta in contemporanea: serio problema

Printable View

06-05-2006, 07.29.25

2 pulsanti di scelta in contemporanea: si può?

Buongiorno ragazzi,
per il mio sito devo usare questi bottoni che permettono di selezionare delle foto gif da un menù:

Codice HTML:

<html> <head> <title>Documento senza titolo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="javascript">  </script> </head> <body> <form name="galleria"> <select name="immagine" size="1" onChange="mostraimmagine()"> <option value="a.jpg">1 umbria</option> <option value="b.jpg">2 spoleto</option> <option value="c.jpg">3 assisi</option> </select> </div> </form> <p><img src="a.jpg" name="intro" width=218 height=300 border=0 alt="non caricata"> </p> <p>  </p> </div> </body> </html>

il mio problema è che non riesco ad inserirne due o più di questi menù nella stessa pagina perchè se ne inserisco 2 non funzionano più!!!!
perchè? come posso fare?
grazie mille
06-05-2006, 09.41.10
funcool

A dir la verità non ho capito il tuo problema, spiega meglio cosa vuoi ottenere.
06-05-2006, 10.28.37
dementialsite

Probabilmente è perché ai diversi indicatori dai lo stesso nome (l'attributo NAME di SELECT). Prova così per risolvere il problema (le modifiche te le evidenzio in rosso):

Codice:

<html> <head> <title>Documento senza titolo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="javascript">  </script> </head> <body> <form name="galleria"> <select name="immagine1" size="1" onChange="mostraimmagine(this)"> <option value="a.jpg">1 umbria</option> <option value="b.jpg">2 spoleto</option> <option value="c.jpg">3 assisi</option> </select> <select name="immagine2" size="1" onChange="mostraimmagine(this)"> <option value="a2.jpg">1 veneto</option> <option value="b2.jpg">2 padova</option> <option value="c2.jpg">3 venezia</option> </select>  </div> </form> <p><img src="a.jpg" name="intro" width=218 height=300 border=0 alt="non caricata"> </p> <p>  </p> </div> </body> </html>

Stammi bene...
06-05-2006, 10.33.38

Codice HTML:

<html> <head> <title>Documento senza titolo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="javascript"> function mostraimmagine(menu) { if (!document.images) return var scelta=menu.options.value; document.images.intro.src=scelta; } </script> </head> <body> <form name="galleria"> <select name="immagine" size="1" onChange="mostraimmagine(this)"> <option value="a.jpg">1 umbria</option> <option value="b.jpg">2 spoleto</option> <option value="c.jpg">3 assisi</option> </select> <select name="immaginebis" size="1" onChange="mostraimmagine(this)"> <option value="d.jpg">4 umbria</option> <option value="e.jpg">5 spoleto</option> <option value="f.jpg">6 assisi</option> </select> </form> <p><img src="a.jpg" name="intro" width=218 height=300 border=0 alt="non caricata"> </p> <p>  </p> </body> </html>

Ciaooo!!!
06-05-2006, 11.15.25

grazie mille ragazzi, ma il problema è leggermente differente,
cioè vorrei inserire "selezionatori" di immagini contemporaneamente nella stessa pagina.
Mi sa che è più semplice da vedere che da spiegare a parole
ecco un esempio:

http://img47.imageshack.us/img47/7131/esempio5li.jpg

grazie!
06-05-2006, 13.33.40
dementialsite

Prova così (sono evidenziate le modifiche a partire dalla prima versione del mio script sopra):

Codice:

<html> <head> <title>Documento senza titolo</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="javascript">  </script> </head> <body> <form name="galleria"> <select name="immagine1" size="1" onChange="mostraimmagine(this,'intro1')"> <option value="a.jpg">1 umbria</option> <option value="b.jpg">2 spoleto</option> <option value="c.jpg">3 assisi</option> </select> <select name="immagine2" size="1" onChange="mostraimmagine(this,'intro2')"> <option value="a2.jpg">1 veneto</option> <option value="b2.jpg">2 padova</option> <option value="c2.jpg">3 venezia</option> </select>  </div> </form> <p><img src="a.jpg" name="intro1" width=218 height=300 border=0 alt="non caricata"> <img src="a2.jpg" name="intro2" width=218 height=300 border=0 alt="non caricata"> </p> <p>  </p> </div> </body> </html>

Stammi bene...
06-05-2006, 15.52.28

benissimo ora funziona, ma c'è un modo per farlo funzionare anche con Firefox? mi spiegate come fare per favore?
grazie mille
06-05-2006, 15.55.19
funcool

Prova a sostituire le righe dove inserisci le immagini così:

Codice HTML:

<p><img src="a.jpg" id="intro1" width=218 height=300 border=0 alt="non caricata"> <img src="a2.jpg" id="intro2" width=218 height=300 border=0 alt="non caricata"> </p>

Cioè sostituendo name con id visto che il metodo si chiama getElementById.
06-05-2006, 15.59.48

ho provato e funziona alla grande, grazieeeeee
il metodo getElementById è applicabile nei casi per incopatibilità ie con altri browser come firefox?
06-05-2006, 16.04.45
funcool

getElementById è il metodo consigliato per rendere uno script più cross-browser possibile (parola della Console JavaScript di FireFox).
06-05-2006, 16.53.05

ho capito grazie ancora e buon weekend!
06-05-2006, 16.56.35
funcool

Visto che risolto, chiudo.