abuela.html Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Abuela</title>
</head>
<body>
<div id="texto">SOY LA ABUELA</div><BR />
<iframe src="padre.html" frameborder="0" name="abuela" id="abuela" width="100%" height="400"></iframe>
</body>
</html>
padre.html Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Padre</title>
</head>
<script language="javascript">
function refresca_a_mi_abuela_papa() {
//parent.top.location.reload();
parent.document.getElementById("texto").innerText = "SOY LA ABUELA REFRESCADA!!!"
}
</script>
<body bgcolor="#FF0000">
SOY EL PADRE<BR />
<iframe src="hijo.html" frameborder="0" name="padre" id="padre" width="70%" height="200"></iframe>
</body>
</html> hijo.html Código HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>hijo</title>
</head>
<body bgcolor="#FFFFCC">
SOY EL HIJO<br><br>
<a href="javascript:void(0);" onClick="parent.refresca_a_mi_abuela_papa()">REFRESCATE!!</a>
</body>
</html>
espero que esté bien esto...
saludos
