immagine che cambia e ok, ma con due select!

**zak1984** · 03-07-2009, 11:03

ragazzi ho un problema, il codice è questo e funziona:

codice:

<script type="text/javascript" language="JavaScript">
function changeImage(form) 
{
selection = form.imagename.options[form.imagename.selectedIndex].value; 		document.images[0].src = selection;
}
</script>
</head>
<body >


<div align="center">
[img]banner1.jpg[/img]
<FORM>
<SELECT onchange=changeImage(this.form) size=1 name=imagename>
<OPTION value="banner1.jpg" selected>Prima immagine</OPTION>
<OPTION value="banner2.jpg">Seconda immagine</OPTION>
</SELECT>
</form>
</div>
</body>
</html>

ma se io volessi fare la stessa cosa con 2 select come faccio????
tipo ora scelgo o prima immagine o seconda, ma io vorrei per esempio scegliere nella prima select una roba, nella seconda un altra e mi appare l'immagine corrispondente alla scelta (scelgo nella select1 "A", nella 2 "B", e mi esce l'immagine logo3.jpg). mi sono spiegato?

ciao e grazie

**lucavizzi** · 03-07-2009, 14:26

codice:

<script type="text/javascript" language="JavaScript">
function changeImage()//la funzione viene lanciata al cambiamento di una delle due select 
{
//Leggo i valori delle due select
var sel1=document.getElementById("select1").value:
var sel2=document.getElementById("select2").value:

if (sel1=="1"){//nella select 1 è selezionata la prima option
    if (sel2=="1"){//nella select 1 è selezionata la prima option e nella select 2 anche
        document.getElementById("myImg").src="miaimmagine1.jpg"//nella select 1 è selezionata la prima option e nella select2 anche
    }else{//sel2 vale 2
        document.getElementById("myImg").src="miaimmagine2.jpg"//nella select 1 è selezionata la prima option e nella select 2 la seconda
    }
}else{//nella select 1 è selezionata la seconda option
    if (sel2=="1"){//nella select 1 è selezionata la seconda option e nella select 2 la prima
        document.getElementById("myImg").src="miaimmagine3.jpg"//nella select 1 è selezionata la seconda option e nella select2 la prima
    }else{//sel2 vale 2
        document.getElementById("myImg").src="miaimmagine4.jpg"//nella select 1 è selezionata la seconda option e nella select 2 anche
    }

}
}
</script>
</head>
<body >


<div align="center">
[img]banner1.jpg[/img]
<FORM>
<SELECT onchange=changeImage() name=imagename id="select1">
<OPTION value="1" selected>Prima immagine</OPTION>
<OPTION value="2">Seconda immagine</OPTION>
</SELECT>
<SELECT onchange=changeImage() name=imagename id="select2">
<OPTION value="1" selected>Prima immagine</OPTION>
<OPTION value="2">Seconda immagine</OPTION>
</SELECT>

</form>
</div>
</body>
</html>

nota i cambiamenti nell'html, se aggiungi altre select devi continuare a nidificare le if.

**zak1984** · 03-07-2009, 14:42

allora: sei un figo per l'aiuto che mi stai dando, ma ho provato a mettere il tuo codice in un documento nuovo (chiaramente con le immagini nella stessa cartella), ma non succende niente smanettando (mentre il mio con una sola select cambiava l'immagine). sbaglio qualcosa?

**lucavizzi** · 03-07-2009, 15:04

grazie per il figo,
devi solo cambiare all'interno dello script
miaimmagine1.jpg con il nome della tua immagine, idem per miaimmagine2 ecc

nota che ho modificato l'html, cosa che dovresti riporrtare

**lucavizzi** · 03-07-2009, 15:09

//Leggo i valori delle due select
var sel1=document.getElementById("select1").value:
var sel2=document.getElementById("select2").value:

queste righe devono terminare con il ; non con i :

//Leggo i valori delle due select
var sel1=document.getElementById("select1").value;
var sel2=document.getElementById("select2").value;

pardon

**zak1984** · 03-07-2009, 15:21

si si bella grazie!!!! sto anche capendo il codice

ma ascolta una cacchiata, ma se io volessi mettere sotto a tutta sta roba anche un bottone del tipo:

codice:

<input name="submit" type="image" src="static/images/prendi_logo.jpg" alt="">

di modo che un utente venga portato in un altra pagina (e io chiaramente con un post di php mi metto in una variabile $abc di questa nuova pagina il nome dell'immagine scelta), come faccio?

cioè io di solito nella form mettevo un action che puntava alla pagina nuova, e nella pagina nuova mettevo un

codice:

$abc=$_POST['nome_immagine'];

e grazie ancora, fossero tutti disponibili e gentili come te...

**lucavizzi** · 03-07-2009, 15:39

codice:

<script type="text/javascript" language="JavaScript">
function cambiaPagina()//la funzione viene lanciata alla pressione del bottone
{
//Leggo i valori delle due select
var sel1=document.getElementById("select1").value:
var sel2=document.getElementById("select2").value:

if (sel1=="1"){//nella select 1 è selezionata la prima option
    if (sel2=="1"){//nella select 1 è selezionata la prima option e nella select 2 anche
        window.location.href="miapagina1.php"//nella select 1 è selezionata la prima option e nella select2 anche
    }else{//sel2 vale 2
        window.location.href="miapagina2.php"//nella select 1 è selezionata la prima option e nella select 2 la seconda
    }
}else{//nella select 1 è selezionata la seconda option
    if (sel2=="1"){//nella select 1 è selezionata la seconda option e nella select 2 la prima
        window.location.href="miapagina3.php"//nella select 1 è selezionata la seconda option e nella select2 la prima
    }else{//sel2 vale 2
        window.location.href="miapagina4.php"//nella select 1 è selezionata la seconda option e nella select 2 anche
    }

}
}
</script>
</head>
<body >


<div align="center">
[img]banner1.jpg[/img]
<FORM>
<SELECT onchange=changeImage() name=imagename id="select1">
<OPTION value="1" selected>Prima immagine</OPTION>
<OPTION value="2">Seconda immagine</OPTION>
</SELECT>
<SELECT onchange=changeImage() name=imagename id="select2">
<OPTION value="1" selected>Prima immagine</OPTION>
<OPTION value="2">Seconda immagine</OPTION>
</SELECT>

</form>
</div>
</body>
</html>

**zak1984** · 03-07-2009, 16:47

eh ma così le immaginette non mi cambiano in tempo reale di utilizzo della select, ma alla pressione del bottone

mamma mia in cosa mi sono cimentato

**lucavizzi** · 03-07-2009, 20:28

codice:

<script type="text/javascript" language="JavaScript">

function cambiaPagina()//la funzione viene lanciata alla pressione del bottone
{
//Leggo i valori delle due select
var sel1=document.getElementById("select1").value;
var sel2=document.getElementById("select2").value;

if (sel1=="1"){//nella select 1 è selezionata la prima option
    if (sel2=="1"){//nella select 1 è selezionata la prima option e nella select 2 anche
        window.location.href="miapagina1.php"//nella select 1 è selezionata la prima option e nella select2 anche
    }else{//sel2 vale 2
        window.location.href="miapagina2.php"//nella select 1 è selezionata la prima option e nella select 2 la seconda
    }
}else{//nella select 1 è selezionata la seconda option
    if (sel2=="1"){//nella select 1 è selezionata la seconda option e nella select 2 la prima
        window.location.href="miapagina3.php"//nella select 1 è selezionata la seconda option e nella select2 la prima
    }else{//sel2 vale 2
        window.location.href="miapagina4.php"//nella select 1 è selezionata la seconda option e nella select 2 anche
    }

}
}


function changeImage()//la funzione viene lanciata al cambiamento di una delle due select 
{
//Leggo i valori delle due select
var sel1=document.getElementById("select1").value:
var sel2=document.getElementById("select2").value:

if (sel1=="1"){//nella select 1 è selezionata la prima option
    if (sel2=="1"){//nella select 1 è selezionata la prima option e nella select 2 anche
        document.getElementById("myImg").src="miaimmagine1.jpg"//nella select 1 è selezionata la prima option e nella select2 anche
    }else{//sel2 vale 2
        document.getElementById("myImg").src="miaimmagine2.jpg"//nella select 1 è selezionata la prima option e nella select 2 la seconda
    }
}else{//nella select 1 è selezionata la seconda option
    if (sel2=="1"){//nella select 1 è selezionata la seconda option e nella select 2 la prima
        document.getElementById("myImg").src="miaimmagine3.jpg"//nella select 1 è selezionata la seconda option e nella select2 la prima
    }else{//sel2 vale 2
        document.getElementById("myImg").src="miaimmagine4.jpg"//nella select 1 è selezionata la seconda option e nella select 2 anche
    }

}
}
</script>
</head>
<body >


<div align="center">
[img]banner1.jpg[/img]
<FORM>
<SELECT onchange=changeImage() name=imagename id="select1">
<OPTION value="1" selected>Prima immagine</OPTION>
<OPTION value="2">Seconda immagine</OPTION>
</SELECT>
<SELECT onchange=changeImage() name=imagename id="select2">
<OPTION value="1" selected>Prima immagine</OPTION>
<OPTION value="2">Seconda immagine</OPTION>
</SELECT>

</form>
</div>
</body>
</html>

a natale il pandoro!

**zak1984** · 03-07-2009, 20:47

anche 10

Discussione: immagine che cambia e ok, ma con due select!

Strumenti discussione

Ricerca discussione

Visualizza

immagine che cambia e ok, ma con due select!

Permessi di invio