2 pulsanti di scelta in contemporanea: serio problema

06-05-2006, 07.29.25

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">
<!--
function mostraimmagine()
{
if (!document.images)
return
document.images.intro.src=
document.galleria.immagine.options[document.galleria.immagine.selectedIndex].value
}
//-->
</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>&nbsp; </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

**funcool** · 06-05-2006, 09.41.10

A dir la verità non ho capito il tuo problema, spiega meglio cosa vuoi ottenere.

**dementialsite** · 06-05-2006, 10.28.37

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">
<!--
function mostraimmagine(select_object)
{
if (!document.images)
return
document.images.intro.src=
select_object.options[select_object.selectedIndex].value
}
//-->
</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>
<!-- aggiungi tutti gli altri SELECT che vuoi, cambiando i nomi -->
  </div>
</form>

  <p><img src="a.jpg" name="intro" width=218 height=300 border=0 alt="non caricata"> 
  </p>
 
  <p>&nbsp; </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>&nbsp; </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:

grazie!

**dementialsite** · 06-05-2006, 13.33.40

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">
<!--
function mostraimmagine(select_object, img_object_name)
{
var obj = document.getElementById (img_object_name)
if (!obj)
return
obj.src=
select_object.options[select_object.selectedIndex].value
}
//-->
</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>
<!-- aggiungi tutti gli altri SELECT che vuoi, cambiando i nomi
dovrai anche aggiungere altre IMG sotto e ricordarti la corrispondenza SELECT/IMG  -->
  </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>&nbsp; </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

**funcool** · 06-05-2006, 15.55.19

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?

**funcool** · 06-05-2006, 16.04.45

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!

**funcool** · 06-05-2006, 16.56.35

Visto che risolto, chiudo.

Discussione: 2 pulsanti di scelta in contemporanea: serio problema

LinkBack

Strumenti discussione

Display

2 pulsanti di scelta in contemporanea: si può?

Regole di scrittura