Autor Tema: Capturar dimensiones de una ventana JavaScript innerWidth window.open CU01173E  (Leído 2241 veces)

bermartinv

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 298
    • Ver Perfil
Adjunto mi código para este tema. No he conseguido que saliese con 'nuevaVentana.href', la url de la ventana.

Código: [Seleccionar]
<!DOCTYPE html>

<html><head><title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">

<script type="text/javascript">
window.onload = function () {
var ejemplo = document.getElementById('ejemplo');
ejemplo.addEventListener("click", ejecutarEjemplo);
}

function ejecutarEjemplo () {
var nuevaVentana = window.open ('http://aprendeaprogramar.es', 'miNombre', 'width=300, height=300, resizable=true, menubar=yes');
nuevaVentana.focus();
rellenaDatos(nuevaVentana);
}
function rellenaDatos(nuevaVentana){
if(nuevaVentana.closed){
var ventana = "cerrado"
}else{ ventana = 'abierto'
                }   
                    var msg = 'La ventana que hemos '+ventana+' tienes las siguientes caracteristicas<br/>'
                    msg +=  'Las medidas del viewport son '+nuevaVentana.innerHeight+' para la altura y '+nuevaVentana.innerWidth+' para el ancho<br/> ';
                    msg += 'Hay '+nuevaVentana.frames.length+ ' frames abiertos<br/>';
                    msg += 'La url a la que apunta es '+nuevaVentana.location.href+'<br/>';
                    msg += 'El name que tiene la ventana es '+nuevaVentana.name+'<br\>';
                    msg += 'Las dimesiones hasta los bordes exteriores son de '+nuevaVentana.outerHeight+'X'+nuevaVentana.outerWidth+'<br\>';
                    msg += 'y la posicion de la ventana es respecto al eje x de '+nuevaVentana.screenX+' y respecto al eje y '+nuevaVentana.screenY;
                    informacion.innerHTML = msg;
                   
            }
</script>
</head>
<body><div id="cabecera"><h2>Cursos aprenderaprogramar.com</h2><h3>Ejemplos JavaScript</h3></div>

<div style="color:blue; margin:20px;" id ="ejemplo">Pulsa aquí</div>

<div id="informacion"></div>

</body>
</html>

Saludos!!
« Última modificación: 11 de Marzo 2016, 09:37 por César Krall »

César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Hola! Todo bien, el problema de que no se muestre la url de la nueva ventana sino about: blank se comenta en este hilo https://www.aprenderaprogramar.com/foros/index.php?topic=3614.0

Saludos!
Responsable de departamento de producción aprenderaprogramar.com

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".