Printable View
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!!
Prova con una soluzione del genere...
<script type="text/javascript">
<!--
function change(src){
document.immagine.src = src;
}
//-->
</script>
<option onclick="change('2.gif');">2.gif</option>
<img alt="" name="immagine" src="1.gif">
Fammi sapere!
Ciao! :D
Forse devi cambiare questo:
Codice HTML:<option onChange="change('2.gif');">2.gif</option>
non va :()
anche col secondo metodo..
<script type="text/javascript">
<!--
function change(src){
document.immagine.src = src;
//-->
</script>
quando inserisco un metodo mi indica un errore...
non hai chiuso la parentesi graffa } della function change... guarda meglio i codici sopra indicati
azz.. ora non compaiono errori ma l'img non cambia lo stesso :(
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>
niente.. :(
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>
:'( niente...
Potresti provare a sostituire la funzione Change così:
Stammi bene...Codice:function Change()
{
var idx = document.selezione.selectedIndex;
var new_src = document.selezione.options[idx].value;
document.immagine.src = new_src;
}
evidentemente sbaglierò qualcosa io, è impossibile che con tutti questi codici non vada mai.. ora vi posto la pagina..
qui crea gli option
funzione js:Codice PHP:$opendir = opendir("../img/icone");
while ($icone = readdir($opendir)) {
if ($icone != "." AND $icone != "..") {
$form .= "<option>$icone</option>";
}
}
questo invece è la parte del form: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>
ditemi voi..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>
A $form all'inizio devi dargli come valore "":
Lo script deve essere:Codice PHP:$form="";
$opendir = opendir("../img/icone/");
while ($icone = readdir($opendir)) {
if ($icone != "." AND $icone != "..") {
$form .= "<option>$icone</option>";
}
}
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>
il problema non è nel $form..
comunque non va lo stesso..
php:
correggi anche il loop nella maniera corretta:
html:Codice PHP:while (false !== ($icone = readdir($opendir))) {
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
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>
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")
miracolo!!! :D :D :D :D
che vuoi, in sti giorni le viste sono di casa nel mio pc :D
ciao!!