Escript que abre una capa con posición absoluta

karlic0s · #1 (**permalink**) 21/01/2009, 07:15

Encontre este script...

Código PHP:

  <script language="JavaScript1.2">

isIE=document.all;
isNN=!document.all&&document.getElementById;
isN4=document.layers;
isHot=false;

function ddInit(e){
  topDog=isIE ? "BODY" : "HTML";
  whichDog=isIE ? document.all.thelayer : document.getElementById("thelayer");  
 

}


function hideMe(){
  if (isIE||isNN) whichDog.style.visibility="hidden";
  else if (isN4) document.thelayer.visibility="hide";
}

function showMe(){
  if (isIE||isNN) whichDog.style.visibility="visible";
  else if (isN4) document.thelayer.visibility="show";
}

document.onmousedown=ddInit;
document.onmouseup=Function("ddEnabled=false");

</script>

Este el link que lo activa:

<a href="#" onClick="showMe();return false">abrir layer</a>

Y esta la capa oculta:

<spam id="thelayer" style="position:fixed; top:0px; left:0px;width:100%;height:100%;visibility:hidden" >
capa
</spam>

Todo funciona bien, ahora lo que quiero hacer es que dicha capa se me abra independientemente de otra, es decir, esto esta dentro de un while php y quiero que se abra una capa por cada resultado del while, ya que quiero que enseñe en cada capa cada uno de los resultados del while, pero claro como la id del script es "thelayer" solo se me abre la capa thelayer, para que me entiendan mejor pongo aquí este ejemplo mas sencillo que si me funciona.

Código PHP:

  <script type="text/javascript"> 
function cambiar(esto)
{
    vista=document.getElementById(esto).style.display;
    if (vista=='none')
        vista='block';
    else
        vista='none';

    document.getElementById(esto).style.display = vista;
}

</script>

link que abre la capa:

<a class="linki3" href="#" onclick="cambiar(\'' . $row[fecha] . '\'); return false;">De: <b>'.$row[autor].'</b>, '.$fecha_result.'</a>

Capa:

<div id="'.$row[fecha].'" style="display: none;">
esto es lo que muestra
</div>

ssclamp · #2 (**permalink**) 21/01/2009, 20:07

Mírate el código que has puesto, porque yo he construido una página con ese código y no funciona.

Código HTML:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Esto no funciona</title>
<script type="text/javascript"> 
function cambiar(esto)
{
    vista=document.getElementById(esto).style.display;
    if (vista=='none')
        vista='block';
    else
        vista='none';

    document.getElementById(esto).style.display = vista;
}

</script>
</head>

<body>
<a class="linki3" href="#" onclick="cambiar(\'' . $row[fecha] . '\'); return false;">De: <b>'.$row[autor].'</b>, '.$fecha_result.'</a>

<div id="'.$row[fecha].'" style="display: none;">
esto es lo que muestra
</div>
</body>

</html>

Saludos

karlic0s · #3 (**permalink**) 22/01/2009, 05:55

Cita:

Iniciado por ssclamp

Mírate el código que has puesto, porque yo he construido una página con ese código y no funciona.

Código HTML:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Esto no funciona</title>
<script type="text/javascript"> 
function cambiar(esto)
{
    vista=document.getElementById(esto).style.display;
    if (vista=='none')
        vista='block';
    else
        vista='none';

    document.getElementById(esto).style.display = vista;
}

</script>
</head>

<body>
<a class="linki3" href="#" onclick="cambiar(\'' . $row[fecha] . '\'); return false;">De: <b>'.$row[autor].'</b>, '.$fecha_result.'</a>

<div id="'.$row[fecha].'" style="display: none;">
esto es lo que muestra
</div>
</body>

</html>

Saludos

Si funciona lo que pasa es que el cambiar(\'' . $row[fecha] . '\') es un row de la base de datos, para que funcionara con una sola capa que se abre y cierra habria que cambiar eso y todas las variables php que hay.

De todas formas, gracias por la preocupación pero he diseñado otro script en javascript que si funciona.

Saludos