Foros del Web » Creando para Internet » Diseño web »

mostrar div oculto...

Estas en el tema de mostrar div oculto... en el foro de Diseño web en Foros del Web. quiero ahorrar el uso de popups... ok y solo esta opcion se me ocurre. ya tengo un div k muestro y oculto pero hay manera ...
  #1 (permalink)  
Antiguo 15/09/2008, 10:13
 
Fecha de Ingreso: agosto-2008
Mensajes: 272
Antigüedad: 9 años, 4 meses
Puntos: 4
mostrar div oculto...

quiero ahorrar el uso de popups... ok y solo esta opcion se me ocurre.
ya tengo un div k muestro y oculto pero hay manera de que a este le de coordenadas para que salga en el centro de la web?....
aki un pequeño codigo que pille por ahi.... gracias!!!!!!!!
Código HTML:
<script LANGUAGE="javascript">
  var capa
  function cambio(idCapa){
  if (document.layers) capa = eval("document." + idCapa);
  if (document.all) capa = eval(idCapa + ".style");
  if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');if ((capa.visibility == "hidden") || (capa.visibility == "hide")){
  capa.visibility = (document.layers) ? "show" : "visible" ;
  }else{
  capa.visibility = (document.layers) ? "hide" : "hidden" ;
  }
  }
  //-->
</script>
<div id="capa1" style='position:relative; visibility:hidden;'>
 <table width="353" border="0" align="center" cellpadding="0" cellspacing="0" class="tdcapcust">
<tr>
<td width="20" height="246" align="center" valign="top">
</td>
<td align="center" valign="top">
<img src="images/top_tit.png" width="234" height="30"/>
<table width="305" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <th align="left" height="20" scope="col"><span class="nomcust">Nombre:</span>
<input type="text" class="input" id="customer" onblur="RecuperaId(this.id,this.value,'cRazonSocial','cCustNo cRazonSocial','datos_cliente')"/></th>
    </tr>
  </table>
  <div id="datos_cliente" class="scrollable"></div>
  <div align="right" style=" vertical-align:middle;" height="20" scope="col"><span class="nomcust">ID:</span>
<input type="text" class="input" id="id"/><a href="#" title="Agregar ID Cliente" onClick="document.getElementById('customer').value = document.getElementById('id').value;cambio('capa1');document.getElementById('customer').focus();"><img src="images/xta.png" width="82" height="23" border="0" align="top" /></a>
</div></td>
<td width="20" valign="top"></td>
</tr>
</table>
</div>
</div> 

Última edición por art33; 15/09/2008 a las 10:39
  #2 (permalink)  
Antiguo 15/09/2008, 17:22
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: mostrar div oculto...

Bueno, si hay modo, pero no entiendo bien tu código porque usas cosas que yo no uso, así que solo te voy a dar pautas:

Primero obtienes el ancho y el alto de tu pantalla de este modo:

var w = screen.width;
var h = screen.height;

OK, ahora tienes que obtener el ancho y alto de tu capa, para tu caso, sería:

var wi = capa.offsetWidth;
var he = capa.offsetHeight;

Ahora calculas el left y el top que la capa debe tener para quedar centrada:

var l = Math.round((w - wi) / 2) + document.documentElement.scrollLeft;
var t = Math.round((h - he) / 2) + document.documentElement.scrollTop;

Si no te resulta así cuando haya escroll en tu pantalla pues reemplaza documentElement por body. Bien, ahora solo añade los estilos correspondientes:

capa.style.left = l + "px";
capa.style.top = t + "px";

Espero que te sirva.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:13.