eliminar devolver una propedad onmouseout

[juanito1712]

estoy jugueteando con javascript y me quedo pillado en un punto que no se como devolver una propiedad o como hacerlo

podeis ver aqui el meollo http://jsfiddle.net/8kx2M/2/

el caso es en la linea que está comentada, me gustaria devolverle a el elemento que le he quitado el onmouseout pues eso, su onmouse out... pero no se como hacerlo o si lo estoy haciendo mal desde el principio o que

[iukaeru]

Creo que te falta un "addEventListener"...

// tuelemento.addEventListener(elEvento, laFunción, false);

Si no te funciona con "false" prueba con "true".

[juanito1712]

he probado con esto
e.toElement.addEventListener(onmouseout, function(e){out(e);}, true);
y nada

de todos modos he estado tratando ponérselo a la declaración principal (linea 19) de estas formas
this.items[x].addEventListener(onmouseout, out, false);
this.items[x].addEventListener(onmouseout, out(e), false);
this.items[x].addEventListener(onmouseout, function(e){out(e);}, false);

alternando true y false y directamente no funciona el drag, :s

[dontexplain]

Iniciado por juanito1712

he probado con esto
e.toElement.addEventListener(onmouseout, function(e){out(e);}, true);
y nada

de todos modos he estado tratando ponérselo a la declaración principal (linea 19) de estas formas
this.items[x].addEventListener(onmouseout, out, false);
this.items[x].addEventListener(onmouseout, out(e), false);
this.items[x].addEventListener(onmouseout, function(e){out(e);}, false);

alternando true y false y directamente no funciona el drag, :s

Los tipos son strings (cadenas, entre comillas o comilla) y deben ser exclusivamente el tipo sin el on.

Puede ser alguno de estos.

Por tanto

Código Javascript:

this.items[x].addEventListener("mouseout", function(e){out(e);}, false);
 

El parámetro tercero especifica la prioridad a la hora de disparar el evento cuando un mismo objeto tiene varios eventos asignados del mismo tipo. Es análogo a !important en css. Por ejemplo si

Código Javascript:

this.items[x].addEventListener("mouseout", evento1, false); // 3º
this.items[x].addEventListener("mouseout", evento2, true); // 1º
this.items[x].addEventListener("mouseout", evento3, false); // 4º
this.items[x].addEventListener("mouseout", evento4, true); // 2º
 

Se ejecutarán siempre primero las funciones (listeners) (también en orden de asignación) que tengan el tercer parámetro a true y luego los que lo tengan a false. En este caso el orden sería evento2, evento4, evento1, evento3, primero los true y luego los false. Si no hay un tercer parámetro es implícitamente false, así que se ejcutarán en orden de declaración, de arriba a abajo.

[marlanga]

Hay varios problemas, pero el más grave es que cuando creas un <LI> nuevo, no se le declaran sus eventos de ratón asociados, asi que ese LI dejará de ser "draggable", y hace que el resto funcione mal.

Lo mejor es usar el elemento padre UL, y hacer programación de eventos delegados (los eventos los caputra el padre, y decide qué hacer.

Como estaba aburrido, y el código es muy sencillo, he borrado lo que no me hacía falta y he dejado lo básico:

http://jsfiddle.net/marlanga/8qR7m/2/