ventana.html

  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <meta charset="UTF-8">
  4. <title>Ventana</title>
  5. var ventana = null;
  6.  
  7. function abrir(numero) {
  8. switch(numero) {
  9. case 1: return abrirUno();
  10. case 2: return abrirDos();
  11. case 3: return abrirTres();
  12. }
  13. }
  14. function abrirUno() {
  15. // Con target=_blank se pueden abrir
  16. // varias ventanas iguales
  17. ventana = window.open('https://elperiodico.cat',
  18. '_blank',
  19. 'top=100,left=100,width=640,height=320');
  20. ventanear('https://elperiodico.cat');
  21. }
  22. function abrirDos() {
  23. ventana = window.open('https://sololinux.es',
  24. 'popup',
  25. 'top=100,left=300,width=480,height=480');
  26. ventanear('https://sololinux.es');
  27. }
  28. function abrirTres() {
  29. ventana = window.open('http://antoniofs.me',
  30. 'popup',
  31. 'top=50,left=50,width=700,height=700');
  32. ventanear('http://antoniofs.me');
  33. }
  34. function cerrar() {
  35. ventana.close();
  36. }
  37. function ventanear(url) {
  38. const iframe = document.querySelector('#ventanita');
  39. iframe.setAttribute('src', url);
  40. }
  41. </script>
  42. </head>
  43. <h1>Abrir ventana emergente</h1>
  44. <p>
  45. <button onclick="abrir(1)">Uno</button>
  46. <button onclick="abrir(2)">Dos</button>
  47. <button onclick="abrir(3)">Tres</button>
  48. <button onclick="cerrar()">Cerrar</button>
  49. </p>
  50.  
  51. <iframe id="ventanita" src=""
  52. width="640" height="480"></iframe>
  53. </body>
  54. </html>

Proinf.net