JavaScript - comunicación entre iframes

 
Vista:
sin imagen de perfil
Val: 2
Ha aumentado su posición en 30 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

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:

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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder