Hola amigos:
Resulta que estoy experimentando con lo que he podido encontrar sobre el DOM, y hay cosas que creo que son muy interesantes:
DOM es modelo de objetos en documento (o algo similar), y los objetos deberían tener propiedades/atributos y métodos (o funciones). Con respecto a los atributos, tenemos el id o class o name... y podemos inventarnos los nuestros fácilmente.
Y los métodos... sólo podemos relacionarlos a los eventos: onclick, onload...
En este tema es donde quiero compartir un conocimiento, obtenido en base a pruebas, y se puede comprobar en este link:
http://www.pepemolina.com/navidad/cabeza3.html
He generado dos elementos y los he puesto en la página:
Código PHP:
var unaImagen = document.createElement("img");
var unDiv = document.createElement("div");
unDiv.appendChild(unaImagen);
document.body.appendChild(unDiv);
Luego le he puesto estilos y atributos... y lo más importante: le he asignado un método: "mover"
Código PHP:
var fin = PapaNoel.width * -1;
var retardo = 5000;
unaImagen.mover = function() {
soy = eval(this);
soy.posicion = soy.posicion - 8;
soy.style.left = soy.posicion;
if (soy.posicion < fin) {
soy.posicion = anchoPagina + soy.width;
setTimeout("soy.mover()", retardo);
}
else
setTimeout("soy.mover()", 35);
}
Por último, se llama al método:
unaImagen.mover();
y ¡voilá! (creo que se escribe así)
Pero ahora tengo un problema, ya que quiero "reutilizar el método" pero no lo he conseguido (al menos funcionando en los navegadores que he usado)
Sé como "clonar" elementos con elemento.cloneNode(true)... y colgarlo de otro elemento con appendChild, pero los métodos no los he podido aprovechar.
Tenía pensado hacer un script como el de los copos de nieve pero usando el DOM.
Si alguien sabe hacerlo, le agradecería que lo dijera.
De todos modos, que les parece si "compartimos" los conocimientos que vayamos adquiriendo en este tema...
... creo que puede ser muy interesante.
Saludos
