EventListener

elsalta · #1 (**permalink**) 16/03/2009, 21:19

Hola de nuevo.. a ver si despierto compasión en algun programador..

Yo no se nada, pero absolutamente nada de Javascript..
Despues de un dia entero, mirando fijamente en el monitor diferentes scripts de este lenguaje y en abuso desmedido de mi escasa capacidad cerebral logré construir éste complejo e intrincado fragmento de codigo:

Código:

<script type="text/javascript">
function cambiaFondo(){
  fondo = document.getElementById("fondo");
  fondo.width = window.innerHeight * 2,207;
  fondo.height = window.innerHeight;
}
</script>

donde en el html:

Código:

<body onload="cambiaFondo()">

<img  id="fondo" src="background.jpg" />

</body>

Ustedes se deben de estar riendo en éste momento.. pero yo tengo la sensación en el pecho de haber reinventado Windows

Ete aquí, que mi ego acaba de caer estrepitosamente al darme cuenta de que, si bien esta función hace "Exactamente" lo que yo pretendia (que ya es bastante) es decir, Yo por Photoshop se que mi imagen de fondo tiene una relacion de aspecto de 1:2,207, entonces tomo la medida del alto de la pantalla del navegador y con eso redimensiona la imagen para que me quede siempre lo mas acotada posible a la idea de diseño original.. (hasta ahi era un hombre feliz) pero si una vez abierta mi web, el usuario tiene la maldita e incomprensible loca idea de redimensionar la ventana, chau! todo mi esfuerzo fue en vano..
Por lo que entiendo, aqui entraría en escena nuestro amigo EventListener

(por Favor corrijanmé si no es correcto) pero bueno, sabran comprender que ya se me secó el cerebro y para tanto no me da. ¿Alguien sería capaz de Ilustrarme sobre ésta función.. por ejemplo cuando se define un elemento.. ¿que elemento es la Ventana del Navegador? omo se llama el acto de agrandar achicar la ventana? etc, etc, etc.. es más.. juro no montar cólera si a alguien se le ocurre regalarme la cadena completa de EventListener para el resize de la ventana!.
Para peor (escribo mientras sigo leyendo material..) estoy viendo que no es lo mismo para.. claro, obvio nuestro amigo fiel: "Explorer"

uffff!!!

Por favor.. si alguien se apiada de ésta alma..
Saludos!

David · #2 (**permalink**) 16/03/2009, 21:58

Para qué le pusiste tanto drama a tu pregunta

.

En fin:

Código javascript:

Ver originalif (window.addEventListener) {
    window.addEventListener('resize', cambio, false);
} else {
    window.attachEvent('onresize', cambio);
}
 
function cambio() {
    alert("Ventana fue redimensionada");
}

Y, te recomendaría, que ya que aún no sabes nada de Javascript empieces con un buen manual y verás que podrás resolver muchas de tus dudas

.

elsalta · #3 (**permalink**) 17/03/2009, 06:18

Ohhh!! Gracias David!! ya lo estoy probando y te cuento!

elsalta · #4 (**permalink**) 17/03/2009, 06:21

De mil maravillas! Gracias nuevamente