Capas anidadas en Netscape 4

Kernellover · #1 (**permalink**) 04/06/2003, 17:24

Hola a todos, necesito la ayuda de un maestro JavaScript

Resulta que estoy desarrollando un miniscript y me he encontrado con un muro de esos dificiles de salvar debido a mi inexperiencia como programador JavaScript, aun con todo me defiendo un poco... que conste que quiero aprender.

Estoy desarrollando el siguiente código para netscape 4 o superior para escrivir el contenido de una variable dentro de una capa del tipo:
<div id=menu></div>

Con este código funciona perfectamente para netscape.

Código PHP:

  var menucontenido="bla bla bla";

if (document.layers) {    // Netscape 4

 document.menu.document.write(menucontenido);

    document.menu.document.close();

}

Hasta aquí no hay problema, pero se me plantea la necesidad de usar capas anidadas, es decir una dentro de otra, el problema es que al tratar de escribir en una de las capas anidadas, no me la reconoce y por lo tanto no me actua como quisiera. El código html es este:
<div id="ContMenu"><div id="menu"> </div></div>

He provado el mismo código y no funciona, lo he intentado de varias formas, pero necesito ayuda, pues resulta que se me acabanlas ideas para resolver el problema ...

Código PHP:

  var menucontenido="bla bla bla";// No funciona ni de coña

if (document.layers) {

    document.menu.document.write(menucontenido);

    document.menu.document.close();

}

Código PHP:

  var menucontenido="bla bla bla";// No funciona tampoco

if (document.layers) {

    document.ContMenu.document.menu.document.write(menucontenido);

    document.ContMenu.document.menu.document.close();

}

He localizado una propiedad que no se que hace bien bien, pero creo que tiene relación, es "parentLayer" pero no se como puedo usarla.

Voy bien encaminado? Alguien sabe si es posible hacer lo que he expuesto en la explicación? o por el contrario es totalmente imposible para netscape 4, de echo tampoco funciona con versiones posteriores de netscape...

Gracias adelantadas a todos los expertos en el tema.

Suerte a todos!

Helbira · #2 (**permalink**) 05/06/2003, 05:04

Has probado con

document.ContMenu.menu.write(menucontenido); ?

Beakdan · #3 (**permalink**) 05/06/2003, 15:39

Kernellover:

Tu sintaxis es perfectamente adecuada para NS4, pero como te habrás deado ya cuenta, se trata de un browser un tanto melindroso.
No sé porque te funcionó el primer código, pero supongo que es porque antes de ese punto, estableces alguna propiedad a la capa que quieres modificar, o bien, tienes definido un estilo que establece propiedades a dicha capa.
El siguiente código, era la forma típica para que una etiqueta <div> se comportara para NS4 como una etiqueta <layer>.

Código:

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT>
function capa(){
   var menucontenido="bla bla bla";
   if (document.layers) {
      document.ContMenu.document.menu.document.write(menucontenido);
      document.ContMenu.document.menu.document.close();
   }
}

</SCRIPT>
<STYLE TYPE="text/css">
<!--
#ContMenu {position:absolute;}
#menu {position:absolute; width:100; height:20; clip:rect(0,100,20,0);}
-->
</STYLE>
</HEAD>
<BODY>
<a href="javascript:capa()">Escribir</a>
<div id="ContMenu"><div id="menu"></div></div>
</BODY>
</HTML>

Como podrás ver, escribo a una capa dentro de otra capa sin mayor problema...
Recuerdo que sólo podías trabajar con aquellas capas que tenían una posición absoluta... Prueba poniendo en el estilo una posición relativa, y probablemente no pasará lo que esperas de la función... Además de que algunas versiones de NS4, tenían bugs que otras versiones no tenían... En fin... Si tu código es sólo para NS4, podrías usar en lugar de <div> la etiqueta <layer>...

Saludos.

Kernellover · #4 (**permalink**) 05/06/2003, 17:12

Muchas gracias a todos, sois todos unos expertos en el tema!

:) Suerte!