comunicación entre iframes
Publicado por Pablo (1 intervención) el 27/04/2021 13:29:01
Hola, estoy intentado hacer un ejemplo para comunicar dos iframes con el mismo padre, a través de este, mediante parent(), pero no hay manera de que desde el segundo iframe me modifique alguna propiedad del primero o del padre. Este el es código del padre:
El primer hijo no tiene nada:
Y este es el seguno hijo:
Poniendo frames[1] si me cambia el color del segundo hijo, pero poniendo frames[0] no hace nada, ni aunque ponga parent.document.style.backgroundColor = "red", tampoco me cambia al padre.
A ver si alguien me puede echar un cable, gracias.
1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
<body>
<iframe src="/marco1.html" id="marco1" name="Marco1" noresize></iframe>
<iframe src="/marco2.html" id="marco1" name="Marco2" noresize></iframe>
</body>
</html>
El primer hijo no tiene nada:
1
2
3
4
5
<html>
<body>
</body>
</html>
Y este es el seguno hijo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
<script>
function cambiaColor()
{parent.frames[0].document.body.style.backgroundColor = "red";
}function iniciar()
{document.getElementById("boton").addEventListener("click",cambiaColor);
}window.onload = iniciar;
</script>
</head>
<body>
<form>
<input id="boton" type="button" value="Cambia color">
</form>
</body>
</html>
Poniendo frames[1] si me cambia el color del segundo hijo, pero poniendo frames[0] no hace nada, ni aunque ponga parent.document.style.backgroundColor = "red", tampoco me cambia al padre.
A ver si alguien me puede echar un cable, gracias.
Valora esta pregunta
0