[DOM] come cambiare gli elementi di un iframe

**patrick.arminio** · 06-06-2007, 20:34

ciao
ho questo codice

codice:

<html>
<head>
<style type="text/css">
#iframe {
width: 600px;
height: 600px;
}
</style>
<script type="text/javascript">
function creaIframe(src) {
	var include = document.getElementById("include");
	var iframe = document.createElement("iframe");
	iframe.setAttribute("src",src);
	iframe.setAttribute("id","iframe");
	iframe.setAttribute("name","iframe");
	include.appendChild(iframe);
}

function distruggiIframe() {
	var iframe = document.getElementById("iframe");
	removed = iframe.parentNode.removeChild(iframe);
	return removed;
}
function inserisci(testo) {
	var iframe = frames["iframe"];
	iframe.getElementById("window").value = testo;
}
</script>
</head>
<body onload="creaIframe('window.html')">
<div id="include"></div>
<input onclick="creaIframe('window.html')" value="clicca"/>
<input type="button" onclick="inserisci('blablabla')" value="cliccaaaa"/>
</body>

vorrei che al click del bottone il testo nella input cambiasse ma con il codice che ho scritto non va
mi potete aiutare?

**Xinod** · 06-06-2007, 21:00

prova
var iframe = frames["iframe"].contentDocument;

pero' con un campo testo con id="window"...
un po' di fantasia ed evita di usare le parole riservate javascript

**patrick.arminio** · 06-06-2007, 21:12

non va
cmq con firebug mi esce questo errore

codice:

 iframe.getElementById is not a function

**Xinod** · 06-06-2007, 21:19

non usare neanche i nomi dei tag come name o id, ne' come variabili javascript

**patrick.arminio** · 06-06-2007, 21:25

fatto ma non va

codice:

<html>
<head>
<style type="text/css">
#iframe {
width: 600px;
height: 600px;
}
</style>
<script type="text/javascript">
function creaIframe(src) {
	var divinclude = document.getElementById("include");
	var ilframe = document.createElement("iframe");
	ilframe.setAttribute("src",src);
	ilframe.setAttribute("id","iframe");
	ilframe.setAttribute("name","iframe");
	divinclude.appendChild(ilframe);
}

function distruggiIframe() {
	var ilframe = frames["iframe"].contentDocument;
	removed = iframe.parentNode.removeChild(ilframe);
	return removed;
}
function inserisci(testo) {
	var ilframe = frames["iframe"];
	ilframe.getElementById("distruttore").value = testo;
}
</script>
</head>
<body onload="creaIframe('window.html')">
<div id="include"></div>
<input onclick="creaIframe('window.html')" value="clicca"/>
<input type="button" onclick="inserisci('blablabla')" value="cliccaaaa"/>
</body>

**Xinod** · 06-06-2007, 21:29

e id e name='iframe'?

document.getElementById('id_iframe').contentDocume nt.getElementById('id_campoTesto').value

questo funziona,
vediamo perche' non funziona il tuo

**patrick.arminio** · 06-06-2007, 21:38

fatto, va
grazie mille
posto il codice completo

codice:

<html>
<head>
<style type="text/css">
#iframe {
width: 600px;
height: 600px;
}
</style>
<script type="text/javascript">
function creaIframe(src) {
	var divinclude = document.getElementById("include");
	var ilframe = document.createElement("iframe");
	ilframe.setAttribute("src",src);
	ilframe.setAttribute("id","lore");
	ilframe.setAttribute("name","lore");
	divinclude.appendChild(ilframe);
}

function distruggiIframe() {
	var ilframe = frames["lore"].contentDocument;
	removed = iframe.parentNode.removeChild(ilframe);
	return removed;
}
function inserisci(testo) {
	document.getElementById('lore').contentDocument.getElementById('distruttore').value = testo;
}
</script>
</head>
<body onload="creaIframe('window.html')">
<div id="include"></div>
<input onclick="creaIframe('window.html')" value="clicca"/>
<input type="button" onclick="inserisci('blablabla')" value="cliccaaaa"/>
</body>

**Xinod** · 06-06-2007, 21:46

pero' a me risulta non funzionare con IE

se vuoi sostituisci con questo
var ilframe = document.getElementById('lore').contentWindow.docu ment.getElementById('distruttore').value = testo;

ciao

**patrick.arminio** · 06-06-2007, 21:50

ottimo
grazie mille
ps ho fatto così

codice:

function inserisci(testo) {
	var ilframe = document.getElementById('lore').contentWindow.document.getElementById('distruttore').value = testo;
	return ilframe;
}

Discussione: [DOM] come cambiare gli elementi di un iframe

Strumenti discussione

Ricerca discussione

Visualizza

[DOM] come cambiare gli elementi di un iframe

Permessi di invio