Diseño y muestra de pantalla pop-up
Publicado por Miguel (10 intervenciones) el 13/11/2013 12:43:44
Hola a todos,
Estoy programando una aplicación web, y estoy intentando diseñar una pantalla pop-up que aparezca cuando pulso un determinado enlace de otra pantalla.
He creado la estructura de contenedores de la pantalla pop-up con bordes para diferenciar las distintas partes y quiero hacer una prueba para que me la muestre al pulsar el enlace. Lo que ocurre es que al pinchar en el enlace aparece la pantalla pop-up pero con fondo transparente.
La pantalla pop-up solo consta de etiquetas div. Me he creado un css en el que establezco posiciones absolutas en porcentajes para contenedor.
En la pantalla en la que al pinchar aparece la pantalla pop-up, tiene el siguiente codigo referente a esta tarea:
Con esto se reserva un contenedor en la pantalla que llama para situar la pantalla pop-up. Esto no es imprescindible, si existe otra solución también estaría interesado.
Al pulsar enlace, se llama al evento on_click que esta asociada a la siguiente funcion javascript:
¿Alguien podría ayudarme? Se podría plantear una solución mas sencilla, lo que quiero es poder ir empezando a hacer pruebas y que el fondo no me aparezca transparente.
Gracias por adelantado y un saludo
Estoy programando una aplicación web, y estoy intentando diseñar una pantalla pop-up que aparezca cuando pulso un determinado enlace de otra pantalla.
He creado la estructura de contenedores de la pantalla pop-up con bordes para diferenciar las distintas partes y quiero hacer una prueba para que me la muestre al pulsar el enlace. Lo que ocurre es que al pinchar en el enlace aparece la pantalla pop-up pero con fondo transparente.
La pantalla pop-up solo consta de etiquetas div. Me he creado un css en el que establezco posiciones absolutas en porcentajes para contenedor.
En la pantalla en la que al pinchar aparece la pantalla pop-up, tiene el siguiente codigo referente a esta tarea:
1
2
3
<div id="pantalla_pop_up" style="display: none;">
<iframe id="frame_pantalla_pop_up" scrolling="no" src="" frameborder="0" height="100%" width="100%"></iframe>
</div>
Con esto se reserva un contenedor en la pantalla que llama para situar la pantalla pop-up. Esto no es imprescindible, si existe otra solución también estaría interesado.
Al pulsar enlace, se llama al evento on_click que esta asociada a la siguiente funcion javascript:
1
2
3
4
function go_pantalla(id, name){
$('#frame_pantalla_pop_up').attr(<!--Atributos--> );
$('#pantalla_pop_up').show();
}¿Alguien podría ayudarme? Se podría plantear una solución mas sencilla, lo que quiero es poder ir empezando a hacer pruebas y que el fondo no me aparezca transparente.
Gracias por adelantado y un saludo
Valora esta pregunta
0
