[js] cambiare img al select

11-09-2005, 16.50.20

ciao a tutti, avrei bisogno di cambiare una img ogni volta che si cambia un select: ecco l'esempio..

<select name=img><option>1.gif</option><option>2.gif</option>

<img src="quello_dell_option" alt="">

cioè far comparire quello selezionato senza ricaricare la pagina..
come posso fare?

grazie a tutti!!

11-09-2005, 17.05.28

Prova con una soluzione del genere...

<script type="text/javascript">

</script>

<option onclick="change('2.gif');">2.gif</option>

<img alt="" name="immagine" src="1.gif">

Fammi sapere!

Ciao! :D

**funcool** · 11-09-2005, 17.09.38

Forse devi cambiare questo:

Codice HTML:

<option onChange="change('2.gif');">2.gif</option>

11-09-2005, 17.10.12

non va :()

anche col secondo metodo..
<script type="text/javascript">

</script>

quando inserisco un metodo mi indica un errore...

**heracleum** · 11-09-2005, 17.34.28

non hai chiuso la parentesi graffa } della function change... guarda meglio i codici sopra indicati

11-09-2005, 17.38.59

azz.. ora non compaiono errori ma l'img non cambia lo stesso :(

**funcool** · 11-09-2005, 17.41.49

Prova fare così:

Codice HTML:

<script language="Javascript" type="text/javascript">
function Change() {
document.immagine.src=document.selezione.value;
}
</script>

Codice HTML:

<select name="selezione" onChange="Change();">
<option>1.gif</option>
<option>2.gif</option>
</select>

11-09-2005, 17.45.18

niente.. :(

**funcool** · 11-09-2005, 17.50.02

Prova così:

Codice HTML:

<script language="Javascript" type="text/javascript">
function Change() {
document.immagine.src=document.selezione.options[document.selezione.selectedIndex].value;
}
</script>

Codice HTML:

<select name="selezione" onChange="Change();">
<option>1.gif</option>
<option>2.gif</option>
</select>

11-09-2005, 17.52.15

:'( niente...

**dementialsite** · 11-09-2005, 17.52.44

Potresti provare a sostituire la funzione Change così:

Codice:

function Change()
{
   var idx = document.selezione.selectedIndex;
   var new_src = document.selezione.options[idx].value;
   document.immagine.src = new_src;
}

Stammi bene...

11-09-2005, 17.57.45

evidentemente sbaglierò qualcosa io, è impossibile che con tutti questi codici non vada mai.. ora vi posto la pagina..

qui crea gli option

Codice PHP:


$opendir = opendir("../img/icone");

while ($icone = readdir($opendir)) {

if ($icone != "." AND $icone != "..") {

$form .= "<option>$icone</option>";

}

}

funzione js:

Codice HTML:

<script language="Javascript" type="text/javascript">
function Change()
{
   var idx = document.selezione.selectedIndex;
   var new_src = document.selezione.options[idx].value;
   document.immagine.src = new_src;
}
</script>

questo invece è la parte del form:

Codice HTML:

<td width="50%" align="center"><select name="selezione" onChange="Change();"><?php echo $form; ?></select></td>
      <td width="50%" align="center"><img alt="" name="immagine" src="../img/icone/1.gif"></td>

ditemi voi..

**funcool** · 11-09-2005, 18.09.29

A $form all'inizio devi dargli come valore "":

Codice PHP:


$form="";

$opendir = opendir("../img/icone/"); 

while ($icone = readdir($opendir)) { 

if ($icone != "." AND $icone != "..") { 

$form .= "<option>$icone</option>"; 

} 

}

Lo script deve essere:

Codice HTML:

<script language="Javascript" type="text/javascript">
function Change()
{
   var idx = document.selezione.selectedIndex;
   var new_src = "../img/icone/" + document.selezione.options[idx].value;
   document.immagine.src = new_src;
}
</script>

11-09-2005, 18.20.34

il problema non è nel $form..
comunque non va lo stesso..

**heracleum** · 11-09-2005, 18.26.06

php:
correggi anche il loop nella maniera corretta:

Codice PHP:


while (false !== ($icone = readdir($opendir))) {

html:
infine -visto che non vediamo il source completo-
NEL CASO in cui il tag SELECT sia inserito dentro un FORM (come sarebbe anche corretto) dovresti indicare il riferimento alla select, invece di
document.selezione. ..
piuttosto
document.nomeform.selezione. ...

insomma non è facile aiutarti con pezzi di codice.. dicci almeno il link alla pagina per l'html

11-09-2005, 18.32.55

anche mettendo il nome del form non cambia nulla..
cmq ecco il codice:

Codice PHP:


$form = "";

$opendir = opendir("../img/icone");

while ($icone = readdir($opendir)) {

if ($icone != "." AND $icone != "..") {

$form .= "<option>$icone</option>";

}

}

?>

<head>

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

function Change()

{

   var idx = document.form.selezione.selectedIndex;

   var new_src = "../img/icone/" + document.form.selezione.options[idx].value;

   document.immagine.src = new_src;

}

</script>

</head>

<form method="post" action="crea_sezione.php" nome="form"><div align="center"><font size=2 color="#008800" face="Verdana, Arial, Helvetica, sans-serif"><strong>Crea sezione</strong></font><br>

  <br>Crea una nuova sezione per le tue news.<br>

  <br>

  <table width="100%" border="0" align="center">

    <tr bgcolor="#7CB8E9">

      <td width="50%" align="center"><font color="white"><strong>Titolo</strong></font></td>

      <td width="50%" align="center"><font color="white"><strong>Descrizione</strong></font></td>

    </tr>

     <tr align=center>

     <td width=50%><input type="text" name="titolo" size="18"></td>

     <td width=50%><input type="text" name="descrizione" size="18"></td></tr>

</table>

<table width="100%" border="0" align="center">

    <tr bgcolor="#7CB8E9">

      <td width="50%" align="center"><font color="white"><strong>Icona</strong></font></td>

      <td width="50%" align="center"><font color="white"><strong>Preview</strong></font></td>

    </tr>

   <tr>

      <td width="50%" align="center"><select name="selezione" onChange="Change();"><?php echo $form; ?></select></td>

      <td width="50%" align="center"><img alt="" name="immagine" src="../img/icone/1.gif"></td>

    </tr>

  </table>

<br><input type="submit" name="invia" value="Crea categoria"><br><br><a href="pannello.php">Torna al pannello di amministrazione</a></div></form>

**heracleum** · 11-09-2005, 18.55.45

Hai scritto male:

<form method="post" action="crea_sezione.php" nome="form">

visto che l'HTML è in inglese vedo molto difficile che possa accettare l'attributo "nome" :grin:

meglio:
name="frm"
:winkOLD:

per evitare possibili conflitti ti consiglio vivamente di utilizzare nomi diversi (appunto "frm") da elementi del documento (come name="form")

11-09-2005, 19.20.43

miracolo!!! :D :D :D :D

che vuoi, in sti giorni le viste sono di casa nel mio pc :D

ciao!!

Discussione: [js] cambiare img al select

LinkBack

Strumenti discussione

Display

[js] cambiare img al select

Regole di scrittura