Foros del Web » Programando para Internet » Javascript »

problema con ventana modal

Estas en el tema de problema con ventana modal en el foro de Javascript en Foros del Web. Hola a todos y de nuevo gracias a todos por vuestra ayuda; estoy intentando implantar una ventanal modal en mi página, esta se abrea al ...
  #1 (permalink)  
Antiguo 04/02/2015, 06:56
 
Fecha de Ingreso: julio-2014
Ubicación: Malaga
Mensajes: 23
Antigüedad: 10 años, 4 meses
Puntos: 0
problema con ventana modal

Hola a todos y de nuevo gracias a todos por vuestra ayuda;
estoy intentando implantar una ventanal modal en mi página, esta se abrea al pulsar enu na imagen pero lo que ocurre es que la ventana modal cuando se abre no sale centrada, los elementos que hay colocados en la página parece ser que impide que se centre, cosa extraña no?
os dejo mi documento:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="javascript" src="jquery-1.5.2.min.js"></script>

<style type="text/css">
/* Determina el fondo transparente cuando se muestra la previsualizacion */
#layerPreview {position:absolute;z-index:1;display:none;top:0px;left:0px;width:100%;h eight:100%;background-color:#fff;
opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);-khtml-opacity: 0.8;
}
/* Determina la capa que aparecera centrada */
#layerPreviewContent{position:absolute;z-index:1;display:none;background-color:#fff;left:50%;
width:760px;
margin-left:-350px;
height:300px;
padding:2px;border:1px solid;
}
</style>
<script type='text/javascript'>
/**
* Funcion que muestra las capas
*/
function layer_show()
{
/* Ponemos los atributos de posicion a la capa transparente del fondo */
$('#layerPreview').attr("style", "top:0px; height:"+$(document).height()+"px; width:"+$(window).width()+"px; display:inline;");

/* Buscamos la posicion superior de la capa que aparece centrada.
La anchura y la posicion centrada se establece en el estilo */
var posTop=(($(window).height()/2)-(200/2))+$(document).scrollTop();
if(posTop<0)
posTop=0;
$('#layerPreviewContent').attr("style", "top:"+posTop+"px;");
/* Indicamos que se muestre la capa */
$('#layerPreviewContent').show(600);
}

/**
* Funcion que esconde las capas
*/
function layer_close()
{
$('#layerPreviewContent').hide(300);
$('#layerPreview').hide();
}
</script>

</head>

<body>


<!-- En el momento que se pulse sobre la capa transparente se cerrara -->
<div id="layerPreview" ></div>
<div id='layerPreviewContent'>
<!-- Mostramos el texto de cerrar para poder cerrar la ventana -->
<div style='width:100%;text-align:right;border-bottom:2px solid;'><span onclick="layer_close();" style='cursor:pointer;padding-right:5px;'>cerrar</span></div>
<b>Las</b> asociaciones de madres y padres de alumnos son las entidades que se encuentran mejor situadas dentro de la comunidad educativa para impulsar actuaciones de prevención de las adicciones y otros trastornos asociados al consumo de alcohol y otras drogas. </br>

<b><text-align:center>Facilitar</b> la puesta en marcha de estas actividades en sus centros educativos es una de las estrategias mas eficaces en su función de asistir a madres y padres en el empeño de ofrecer a sus hijos una formación integral para su optimo desarrollo personal y social.</br>

<b>Adiados</b> ofrece a las AMPAS convenios de colaboración diseñados específicamente para cubrir las necesidades de cada comunidad educativa adaptando sus actuaciones a las necesidades y posibilidades de cada una de las asociaciones interesadas
</br> <A HREF="https://docs.google.com/forms/d/1VN1h3hHPum1q1UW0YjjH4ZzjRRb7_6u"> CONTACTA CON NOSOTROS</A>
</div>

<div onclick='layer_show();' > <div style="cursor: pointer;color:white;background:-moz-linear-gradient(top,#0066ff,#0000cc);background:-webkit-linear-gradient(top,#0066ff,#0000cc);background:-ms-linear-gradient(top,#0066ff,#0000cc);width:100%;border-radius:10px;text-align:center;padding:10px;box-shadow: #00f 5px 5px 10px;text-shadow: #fff 2px 2px 3px" ;>CHARLAS PARA PADRES</div>
</body>

Etiquetas: funcion, html, js, modal, ventana
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 00:06.