Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/01/2009, 07:15
Avatar de karlic0s
karlic0s
 
Fecha de Ingreso: abril-2007
Ubicación: Cartagena (Murcia)
Mensajes: 241
Antigüedad: 17 años, 10 meses
Puntos: 18
Escript que abre una capa con posición absoluta

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||isNNwhichDog.style.visibility="hidden";
  else if (
isN4document.thelayer.visibility="hide";
}

function 
showMe(){
  if (
isIE||isNNwhichDog.style.visibility="visible";
  else if (
isN4document.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>

Última edición por karlic0s; 21/01/2009 a las 09:26