index.php
<!DOCTYPE html>
<html>
<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="js/rq.js"></script>
<FRAMESET rows="20%,80%">
<frame id="algo" name="mainFrame" src="frames/header.php" noresize="noresize"></frame>
<FRAMESET cols="15%,85%">
<frame src="frames/sidebar.php" noresize="noresize"></frame>
<frame src="frames/body.php" noresize="noresize"></frame>
</FRAMESET>
</FRAMESET>
</html>
header.php
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/header.css">
</head>
<body>
header
</body>
</html>
rq.js
$(document).ready(function(){
window.frames[1].document.body.style.background = "blue";
});
Lo he intentado con multitud de ejemplo y no funciona.
$('body', $('#algo')[0].contentWindow.document).text('cambiado')
$('#algo').contents().find('body').text('cambiado');
Pero ninguna de estas funcina ¿donde está el problema? porque parece ser que debería funcionar y no puedo acceder a cambiar nada de el frame.
Probando las tres formas:
(1)El index es cero
window.frames[0].document.body.style.background = "blue"
(2)Igual
$('body', $('#algo')[0].contentWindow.document).text('cambiado')
o utilizando contents():
$('body', $('#algo').contents()).text('cambiado');
(3)Igual
$('#algo').contents().find('body').text('cambiado')
Si esto no funciona, entonces debe ser que estas probando tu código sin un servidor. Si ese es el caso, el problema radica en una política de seguridad que implementa el navegador llamada "Same-origin policy". Para poder seguir ejecutando tu código en local y sin un servidor, entonces debes configurar tu navegador para desbloquear esa restricción. Por ejemplo, en google chrome debes utilizar el parámetro --disable-web-security al iniciar.
Saludos
Yo utilizo xamp, seguramente será lo de la politica de seguridad pero de ser así mejor no utilizar frames ya que lo que estoy buscando es que funcione el código en cualquier navegador. Gracias.