Mostrar Mensajes
1
Aprender a programar desde cero / Re:location.href y innerWidth/innerHeight - Curso Javascript desde 0 - CU01173E
« en: 13 de Noviembre 2015, 10:46 »
Hola, pues estoy haciendo el ejercicio de la entrega CU01173E del curso de Javascript desde 0, cuyo anunciado es:
El código que he creado es:
Pero en los resultados, la url de la nuevaVentana me pone "about:blank" en lugar de "http://aprendeaprogramar.es",
y en las dimensiones del viewport no pone las correctas, me muestra 0x8...
Citar
El siguiente código crea una ventana cuando se pulsa en el texto “Pulsa aquí”. Esta ventana es asignada a una variable u objeto denominado nuevaVentana. Queremos conocer las siguientes propiedades del objeto nuevaVentana y mostrarlas por pantalla: si está cerrada o no, dimensiones del viewport, número de frames presentes en ella, url a la que apunta, valor de name, dimensiones de la ventana completa hasta los bordes exteriores y cuántos píxeles está desplazada en horizontal y vertical respecto al punto origen de la pantalla
El código que he creado es:
Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<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);
ventanaPadre = window.location.href;
var msg = "Info: ";
msg = "Url ventana padre: " + ventanaPadre;
var nuevoElem = document.createElement("p");
nuevoElem.id = "info";
var nuevoCont = document.createTextNode(msg);
nuevoElem.appendChild(nuevoCont);
document.body.appendChild(nuevoElem);
}
function ejecutarEjemplo () {
var nuevaVentana = window.open ('http://aprendeaprogramar.es', 'miNombre', 'width=300, height=300, resizable=true, menubar=yes');
nuevaVentana.focus();
var cerrada = nuevaVentana.closed;
var innerWidth = nuevaVentana.innerWidth || nuevaVentana.document.documentElement.clientWidth || nuevaVentana.document.body.clientWidth;
var innerHeight = nuevaVentana.innerHeight || nuevaVentana.document.documentElement.clientHeight || nuevaVentana.document.body.clientHeight;
var dimensiones = innerWidth + " x " + innerHeight;
var numFrames = nuevaVentana.length;
var name = nuevaVentana.name;
var url = nuevaVentana.location.href;
var dimensionTotal = nuevaVentana.outerWidth+ " x " + nuevaVentana.outerHeight;
var desplzH = nuevaVentana.pageXOffset;
var desplzY = nuevaVentana.pageYOffset;
msg = " Ventana POPUP ::: <br>" +
"<br> - cerrada = " + cerrada +
"<br> - dimensiones = " + dimensiones +
"<br> - numFrames = " + numFrames +
"<br> - url = " + url +
"<br> - name = " + name +
"<br> - dimensionTotal = " + dimensionTotal +
"<br> - desplzH = " + desplzH +
"<br> - desplzY = " + desplzY;
parent.document.getElementById("info").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>
</body>
</html>Pero en los resultados, la url de la nuevaVentana me pone "about:blank" en lugar de "http://aprendeaprogramar.es",
y en las dimensiones del viewport no pone las correctas, me muestra 0x8...
RSS