Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Graphixx en 27 Abril 2012, 16:03 pm



Título: [Como] Deshabilitar pagina de fondo, al llamar a pop up flotante con Jquery.
Publicado por: Graphixx en 27 Abril 2012, 16:03 pm
Encontre un buen ejemplo que muestra como generar el pop up flotante:
http://www.jose-aguilar.com/blog/popup-me-con-jquery/

Pero si revisan el ejemplo:

http://www.jose-aguilar.com/scripts/jquery/fadein-popup/#

Cuando aparece el pop up aun puedo seleccionar texto de la parte donde dice: Pie de página, conocen alguna forma de deshabilitar o bloquear la pagina de fondo, mientras se tenga abierto el popup ?

Ya encontre como:
http://dixso.net/jquery/css-popup-jquery-ajax/

Ejemplo:
http://dixso.net/wp-content/examples/jquery/css-popup-ajax/

Yo combine el css del primer ejemplo con la funcionalidad del segundo, quedando el archivo: pagina-1.php asi:
Código
  1. .content-popup {
  2. margin:0px auto;
  3. margin-top:50px;
  4. padding:10px;
  5. width:500px;
  6. min-height:250px;
  7. border-radius:4px;
  8. background-color:#FFFFFF;
  9. /* box-shadow: 0 2px 5px #666666; */
  10. box-shadow: 0 2px 5px #000;
  11. }
  12. </head>
  13. <div class="content-popup">
  14. <a href="javascript:void(0);" title="Cerrar" onclick="popupCssHide();">Cerrar</a><br /><br />
  15. <br /><h1>PopUp 1</h1>
  16. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac mauris. Aliquam sagittis, nisi quis tincidunt vulputate, ipsum lectus dapibus nisi, sit amet bibendum eros ligula id urna. In dapibus mollis eros. Phasellus vel nibh. Nullam ipsum. Nulla rutrum tempor metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Pellentesque commodo, dolor at semper vehicula, lectus dolor interdum mauris, vitae tincidunt lacus nulla eu dolor. Donec vehicula. Duis risus. Sed ligula.
  17. mpor nec, porttitor faucibus, euismod feugiat, velit. Nam non arcu non mauris eleifend semper. Sed ipsum. Duis viverra nibh in augue. Cras pellentesque tellus sed turpis. Integer tempor egestas eros. Maecenas vel dui. Mauris sit amet felis. Cras rutrum ligula eu eros. Suspendisse massa nisi, varius vitae, dignissim et, viverra vitae, libero. Curabitur pulvinar congue nunc. Praesent eleifend dignissim dui. Suspendisse varius nisi sit amet odio. Maecenas fringilla cursus massa. Integer et nunc. Nam a erat sed ante convallis facilisis. Vestibulum urna libero, vulputate nec, facilisis sed, lacinia in, leo. Morbi eleifend ligula at tellus. Nullam accumsan odio eget mauris.
  18. </div>
  19. </body>
  20. </html>
  21.  

Hay alguna forma de que cuando se abra un popup este no se muestre en la barra de herramientas de windows???