cambiare un immagine in un iframe

**oni305** · 05-02-2007, 22:45

salve, sono nuovo del forum, ed alle prime armi col javascript, avrei bisogno di un aiuto per modificare uno script

ora come ora ho creato una pagina HTML che contiene un'immagine statica(all'interno di una tabella[sfondo]) ed un menu a tendina che per ogni suo valore maschera l'immagine statica con una maschera (una gif trasparente con della zone colorate [le gif si chiamano masknull,mask1...mask10])

il problema è che ora vorrei mettere la Tabella con l'img all'interno di un Iframe, ma non so come modificare lo script affinche riesca a cambiare l'immgine all'interno dell'iframe (pagina secondaria)

qualcuno sarebbe in grado di autarmi?

<head>
<script>

</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
</head>

<body bgcolor="#000000">
<blockquote>

</p>
<form id="form1" name="form1" method="post" action="">

<label>
<select name="SelectImg" onchange="ChangeImg();">
<option value="null">Nulla</option>
<option value="1">B</option>
<option value="2">Ci</option>
<option value="3">Gi</option>
<option value="4">Ki</option>
<option value="5">M</option>
<option value="6">R</option>
<option value="7">Sa</option>
<option value="8">T</option>
<option value="9">Tr</option>
<option value="10">Ve</option>

</select>
</label>

</p>
</form>

</p>
</blockquote>

<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="sfondo.jpg">[img]masknull.gif[/img]</td>

</tr>
</table>

</body>
</html>

**Xinod** · 06-02-2007, 03:29

in pratica la select e' nella principale mentre l' immagine nell' iframe?

codice:

document.getElementById('idIframe').contentWindow.document.images[indice].src="mask"+document.form1.SelectImg.value+".gif";

ciao

**oni305** · 06-02-2007, 09:05

Originariamente inviato da Xinod
in pratica la select e' nella principale mentre l' immagine nell' iframe?

grazie mille della risposta, provo tra un attimo, avrei ancora un paio di domande

Si la select è nella pagina principale, mentre nell'iframe pensvo di mettere solo la tabella con le immagini.

-Lo script lo metto nella pagina principale o nell'iframe?
-In 'idIframe' posso mettere il nome del file Html di cui è composto l'iframe? (con o senza estensione?)

**Xinod** · 06-02-2007, 14:31

-Lo script lo metto nella pagina principale o nell'iframe?

principale

-In 'idIframe' posso mettere il nome del file Html di cui è composto l'iframe? (con o senza estensione?)

no, l' idIframe sara' guardacaso l' id del tuo iframe!

**oni305** · 06-02-2007, 15:12

non riesco proprio a farlo funzionare

saresti cosi gentile da dare un occhiata alla pagina Html e dirmi dove sbaglio?

ho zippato tutti i file necessari e uploadati al seguente indirizzo: http://www.mediafire.com/?9qohqrgn0mr

"SENZAIFRAME FUNZIONANTE.html" è il file da cui sono partito e che funziona alla perfezione
"provaiframe.html" sarebbe la pagina principale
"iframe.html" è il contenuto dell'iframe

ti sarei infinitamente grato se riuscissi a farmelo funzionare

**Xinod** · 06-02-2007, 15:27

codice:

	var indice = 0;
	function ChangeImg(){
		 document.getElementById('ifrm').contentWindow.document.images[indice].src="mask"+document.form1.SelectImg.value+".gif";
		
	}

codice:

<iframe src="iframe.html" width="600" height="600" id="ifrm"> </iframe>

ciao

**oni305** · 06-02-2007, 15:41

grazie mille

Discussione: cambiare un immagine in un iframe

Strumenti discussione

Ricerca discussione

Visualizza

cambiare un immagine in un iframe

Permessi di invio