Poner DIV en toda la pantalla para ke paresca deshabilitado!!

Berletzis · #1 (**permalink**) 29/03/2007, 10:39

Oigan una pregunta ya ke andamos en esto... no saben dealgun codigo por ahi
para aparecer y desaparecer un DIV y que todo lo de atras del DIV se ponga oscuro y desabilitado..

En este caso supongo ke ha de ser solo otro DIV color oscuro.. lo que no c es como aparecer un DIV arriba de ese....

taar · #2 (**permalink**) 29/03/2007, 22:42

Este codigo te va mostrar la capa1 arriba de todos con algo de transparencia para aparentar que los demas estan deshabilitado (probe en Firefox, Opera y IE6)

Código PHP:

  div#capa1 {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 100;
   width: 100%;
   height: 100%;
   background: #000;
   filter:alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6;
}

Y en el body tienes que crear un div con el id capa1

Código PHP:

  <body>
<div id="capa1"></div>
...............................
</body>

PD: para aparecer o desaparecer tendras que usar js.

Shiryu_Libra · #3 (**permalink**) 29/03/2007, 23:59

aki tienes el java para mostrar y ocultar

Código:

 <script LANGUAGE="javascript">
<!--
var capa
var antes

function cambios(idCapa){
if (document.all) capa = eval(idCapa1 + ".style");
if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');
if ((capa.visibility == "hidden") || (capa.visibility == "hide"))
     {capa.visibility="visible" ;
    capa.display="";
    }
    else
    {
        capa.visibility="hidden";
        capa.display="none";}
if (antes==null)
    {antes=capa;}
    else
    {if (antes!=capa){antes.visibility="hidden" ; antes.display="none"; antes=capa;}
    }
}
//-->
</script>

de donde lo mandes llamar, le agregas

<a onClick="cambios('capa1')">capa1</a>
<a onClick="cambios('capa2')">capa2</a>
.... etc

en la forma que uso este codigo es

<body onload="cambios('capa1')">

y en los DIVS le anexo estas propiedades
style="visibility:hidden; display:none;"

para cuando ejecutas el cambio, las aparesca, y en el caso del ONLOAD del body, para que aparesca el DIV de inicio

suerte

Berletzis · #4 (**permalink**) 30/03/2007, 01:32

chispas, estan de maravilla los dos, sin embargo me trae un error con mi ajax, dejen ver ke puedo hacer y les aviso... mil gracias cualkier cosa estamos en contacto...

ciao

http://logicaweb.com.mx