popup4.html

  1. <!DOCTYPE html>
  2. <meta charset="UTF-8">
  3. <title>Popup 4</title>
  4. <link href="popup4.css" rel="Stylesheet">
  5. <script src="popup4.js"></script>
  6. </head>
  7. <h1>Popup 4</h1>
  8. <p>
  9. <button onclick="popup(true)">Mostrar</button>
  10. </p>
  11.  
  12. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non pharetra nisi. Sed vel justo a sem gravida commodo id quis magna. Mauris sit amet augue eros. Donec in ante ac tortor aliquam semper a ultrices nisi. Suspendisse potenti. Phasellus vitae odio arcu. Aliquam ac sem magna. Sed euismod mattis velit, sit amet mollis magna consectetur sed. Nulla est diam, finibus id magna vitae, ultricies congue turpis. Cras vel orci in nulla feugiat finibus nec id felis. Cras nisl odio, malesuada sit amet pretium placerat, vulputate id urna. Nullam commodo, nisi et ornare gravida, ante dolor faucibus urna, quis aliquet ante felis et ante. Praesent maximus neque eros, et condimentum dui aliquet vitae. Aliquam eros ligula, elementum eget ultricies quis, ullamcorper in est.</p>
  13.  
  14. <p>Sed at risus eget lacus commodo dignissim. Praesent egestas in lacus non iaculis. Donec eu aliquam orci. Mauris mauris elit, ornare a vulputate eget, finibus sit amet metus. Donec sapien lacus, ornare sed magna at, viverra iaculis lacus. Quisque hendrerit blandit nibh, eu viverra velit convallis eu. Sed ultrices cursus sollicitudin. Vivamus scelerisque metus sit amet purus ultrices sollicitudin. Mauris eget leo elit. Integer eros leo, suscipit sed iaculis at, elementum vel nisl. Nam diam lorem, eleifend ut tellus sit amet, pellentesque eleifend sem. Praesent dui nulla, euismod ut lorem non, iaculis aliquam urna. Etiam tincidunt vulputate neque, vitae pretium elit euismod dapibus.</p>
  15.  
  16. <p>Proin pharetra velit sem, ac feugiat nisl convallis at. Sed a magna cursus, accumsan velit ac, fringilla augue. Aliquam luctus lacus sit amet leo sollicitudin, eget pharetra odio pellentesque. Nulla facilisi. Vestibulum sit amet mollis justo, in bibendum urna. Suspendisse in odio pellentesque, congue turpis vel, consequat felis. Aenean ut volutpat tortor, vel vulputate neque. Etiam tempor tortor vel commodo aliquet. Maecenas scelerisque sagittis consectetur. Nullam libero lectus, malesuada id maximus nec, congue a ante. Pellentesque facilisis lectus quis leo elementum egestas id in purus. Aenean consequat dui tempor consectetur gravida. Vestibulum condimentum fermentum erat, ac mollis nisi dignissim et. In tellus arcu, feugiat eget tempor at, finibus vel quam. Morbi molestie est eu mi eleifend, condimentum posuere nisl sodales. Etiam tempor et lorem in viverra.</p>
  17.  
  18. <p>Nulla et viverra lectus, ut interdum sem. Nullam vitae eleifend mi. Sed faucibus, odio vitae auctor faucibus, ante eros elementum mauris, id volutpat ante dui hendrerit nisl. Mauris dictum posuere eros, et ullamcorper urna feugiat non. Praesent porttitor mi volutpat lacus rhoncus dignissim. Suspendisse faucibus magna ultricies dolor mollis molestie. Vestibulum ante mi, facilisis vitae nibh vitae, pretium lobortis tortor. Ut lectus tellus, tincidunt nec mattis nec, bibendum id velit. Vestibulum molestie nec nisi vel blandit. Integer suscipit diam vitae dignissim tempus. Phasellus tempor augue ac sodales aliquam. Vivamus eleifend ac arcu non finibus. Integer at efficitur erat, sed convallis sem. Proin tristique odio quis volutpat accumsan.</p>
  19.  
  20. <p>Donec ligula arcu, suscipit nec tempor et, tincidunt vulputate magna. Curabitur vestibulum nisi vel velit luctus lobortis. Curabitur dui risus, placerat eget consectetur non, dignissim vitae purus. Nulla malesuada neque vel lorem suscipit venenatis ut dictum libero. Nunc nec mauris a tortor convallis tempus. Duis maximus leo orci, vitae commodo tortor venenatis quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam convallis orci at orci mollis, non interdum ex faucibus. Maecenas a dui eu libero sagittis condimentum sed non erat. Morbi turpis lacus, ultricies ut elit quis, egestas condimentum nibh.</p>
  21.  
  22. <p>&copy; Lipsum.com</p>
  23.  
  24. <div id="contenedor_popup">
  25. <div id="dialogo_popup">
  26. <!--button id="cerrar_popup">&times;</button-->
  27. <h2>Soy un popup</h2>
  28. <p>No me puedes cerrar</p>
  29. </div>
  30. </div>
  31.  
  32. </body>
  33. </html>

Proinf.net