capas en Dreamweaver

carlunchos · #1 (**permalink**) 30/06/2002, 18:13

Sres. Maestros: no se si esto lo debo preguntar aqui, pero alguien me puede decir como hago para que un texto (que debe ser un enlace) , al clicar en el aparezca en la misma pagina una capa oculta?. En realidad la idea original era que al clicar en una celda de una tabla aparezca dicha capa oculta.
Como le hago?.
Gracias de antemano.
Carlunchos.

duchamp · #2 (**permalink**) 30/06/2002, 18:26

A ver ... prueba con esto:

Código:

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Hide and show layers&lt;/title&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;&gt;
&lt;script language=&quot;JavaScript&quot;&gt;
&lt;!--
&lt;!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName==&quot;Netscape&quot;)&amp;&amp;(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// --&gt;

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf(&quot;?&quot;))&gt;0&amp;&amp;parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&amp;&amp;d.all) x=d.all[n]; for (i=0;!x&amp;&amp;i&lt;d.forms.length;i++) x=d.forms[I][n];
  for(i=0;!x&amp;&amp;d.layers&amp;&amp;i&lt;d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x &amp;&amp; d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i&lt;(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}
//--&gt;
&lt;/script&gt;
&lt;/head&gt;

&lt;body bgcolor=&quot;#FFFFFF&quot; text=&quot;#000000&quot;&gt;
&lt;div id=&quot;Layer1&quot; style=&quot;position:absolute; left:13px; top:47px; width:261px; height:94px; z-index:1; background-color: #00CC99; layer-background-color: #00CC99; border: 1px none #000000&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;Layer2&quot; style=&quot;position:absolute; left:13px; top:47px; width:261px; height:94px; z-index:2; background-color: #003366; layer-background-color: #003366; visibility: hidden&quot;&gt;&lt;/div&gt;
&lt;a href=&quot;#&quot; onClick=&quot;MM_showHideLayers('Layer1','','hide','Layer2','','show')&quot;&gt;link&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;

Si utilizas el Dreamweaver es bastante sencillo. Suerte!

tuyu · #3 (**permalink**) 30/06/2002, 19:13

Carluncho:
En Dreamweaver tenés la opción en "comportamientos" (behaviors), mostrar-ocultar capas, suerte.

carlunchos · #4 (**permalink**) 30/06/2002, 19:42

Gracias Duchamp, gracias Tuyu, por haber respondido. Voy a probar las dos modalidades expuestas.
Un Saludo.