Acceder a un DIV dentro de un FRAMESET?

datenshi · #1 (**permalink**) 25/05/2009, 05:48

Hola a todos,

necesito ayuda urgentemente sobre como acceder por javascript a un DIV que está dentro de un frameset:

Cita:

Necesito hacerle al DIV un innerHTML. He probado varias opciones, como:

Cita:

top.framePrincipal.document.getElementById('div_jw chat').innerHTML = "<frameset id='leftbar' rows='100%,0,133,99' frameSpacing='0' border='0'> <frame src='roster.html' name='jwc_main' marginwidth='0' marginheight='0' scrolling='no'> <frame src='empty.html' name='jwc_sound' marginwidth='0' marginheight='0' onLoad='soundLoaded()'> <frame src='../documentosToolbar.jsp' name='documentosToolbar' scrolling='no'> <frame src='../integracionToolbar.jsp' name='integracionToolbar' scrolling='no'> </frameset>";

Pero nada, me dice o que no está definido, o que el objeto es nulo.

¿Cómo debo hacerlo? Muchas gracias.

AnesGy · #2 (**permalink**) 25/05/2009, 06:14

Puedes acceder al document del marco?

En FireFox es contentDocument, en el resto es document asecas.

Si estás en un frame y quieres referirte a otro frame es parent.document.getElementsById('id del frame al que me refiero').contentDocument

O terminado en .document para el resto.

Aún así, no deberías usar tantos frames, y deberías, si los usas terminarlos con />.

datenshi · #3 (**permalink**) 25/05/2009, 07:09

Gracias por tu respuesta antes de nada. Si por mi fuera la verdad es que no usaría ni frames, pero es retocar código ya existente y no me queda otra. Te explico, lo único que quiero es que con javascript se muestren unos frames en caso de que la pantalla tenga una resolución mayor de 480px y si es menor no los muestre.

Para ello tengo este código:

Cita:

function load_moviles()
{
var fs1 = top.document.getElementById('id_frameset');

if (window.screen.width>485)
{
fs1.cols = "100%,0%";
top.framePrincipal.document.getElementById('div_jw chat').innerHTML = "<frameset id='leftbar' rows='100%,0,133,99' frameSpacing='0' border='0'> <frame src='roster.html' name='jwc_main' marginwidth='0' marginheight='0' scrolling='no' /> <frame src='empty.html' name='jwc_sound' marginwidth='0' marginheight='0' onLoad='soundLoaded()' /> <frame src='../documentosToolbar.jsp' name='documentosToolbar' scrolling='no'> <frame src='../integracionToolbar.jsp' name='integracionToolbar' scrolling='no'> </frameset>";
}
}

.....................................

</head>

<frameset name ="framePrincipal" id="id_frameset" frameSpacing="0" cols="220, 70%" border="1" bordercolor=AECBE9 onLoad="load_moviles();">

<div id="div_jwchat">
</div>
<div id="div_buscador">
<frameset rows="100%" border="0">
<frame src="../busca2.jsp" name="Buscador">
</frameset>
</div>

</frameset>

<body>
Your browser must support frames and javascript to use this application. Please refer to our <a href="help.html">online manual</a> for a list of supported browser.
</body>
</html>

Como se puede ver, con top.document.getElementById('id_frameset'); puedo acceder al frame sin problemas, pero al DIV dentro de este frameset no consigo acceder, dandome siempre errores de objeto nulo o no definido.

AnesGy · #4 (**permalink**) 25/05/2009, 07:15

Eso se hace con CSS, haciendo un stylesheet sólo para móviles, creo que es algo así:

<link rel="stylesheet" type="text/css" href="movil.css" media="movil"/>

Si no es movil has de buscarlo en google.

Esto es la llamada a la hoja de estilos que va en el header.

datenshi · #5 (**permalink**) 25/05/2009, 07:22

Ya, pero el problema es que necesito hacerlo como te indico, además creo que debería ser relativamente sencillo, ya que lo único que hace es un innerHTML en caso de que la resolución sea mayor de la dada. Por ello, el "único" problema es que no se como acceder a ese DIV para hacerle el innerHTML.

Gracias por todo.

AnesGy · #6 (**permalink**) 25/05/2009, 12:51

1. Si me dices que una opción no vale por que sí, no me lo creo. O me explicas por qué o nunca daré la explicación por váilda. No, ahora en serio, por qué no puedes?

2. Siguiendo con tu problema:

Código javascript:

Ver originalvar content;
if(!(content=parent.document.getElementById('id_frameset').contentDocument)){
 content=parent.document.getElementById('id_frameset').document;
}
//Este código selecciona contentDocument o document según exista. Mejor que buscar si el 
//explorador es mozilla por que hay exploradores basados en mozilla que no pasan mozila 
//por agente. Además es más rápido, aunque quizás te resulte lioso
content.getElementById('div_buscador').style.display = 'none';//oculta

Si quieres además eliminarlo, te tienes que buscar un poco más la vida. Nótese que eliminarlo no cambia nada la cantidad de bits que se tienen que bajar. Como no existe un Firebug para el movil (que yo sepa, y el FireBug es un complemento del Firefox que te permite editar la apariencia momentáneamente de una web, a parte de examinar multitud de aspectos de la misma, y por tanto hacer que algo que esté oculto deje de estarlo momentaneamente), no le veo mas utilidad.

datenshi · #7 (**permalink**) 26/05/2009, 04:15

Hola nuevamente,

pues te comento, no puedo porque tendría que rehacer la página y necesito una solución lo más rápida posible.

Por otro lado, he probado haciendo lo siguiente:

Cita:

De esta forma evito cargar los frames que no quiero en el caso que sea un móvil, pero me ha surgido otro problema, no funciona en el IE, no crea los nuevos frames, me deja un frame vacio a la izquierda y el otro que cargo siempre lo muestra correctamente a la derecha.

¿Alguna idea?