De Mootools a jQuery: comprobar si un elemento existe

iuttu — Sun, 15 Mar 2009 11:26:01 +0000

Para los que estamos acostumbrados a mootools, nos es habitual comprobar si un elemento (tag html con id) existe antes de lanzar los scripts, siempre lo hacemos de la misma manera:

1	if ($("elemento")) { alert("adelaaaaaaaanteee"); }

Pero si pasamos a jQuery, vemos que si lo hacemos así, la expresión siempre devolverá cierto. Ya que la función $(“”) en jQuery siempre devuelve un array de elementos. Sabiendo esto, lo que tenemos que comprobar para saber si un elemento existe, es comprobar la longitud del array que nos devuelve:

1	if ($("elemento").length > 0) { alert("adelaaaaaanteee"); }

Ya puestos, en dojo tendríamos que hacer esto:

1	if (dojo.byId('elemento')) { alert("adelaaaaaanteee"); }

Cambiar evento onChange de un select con mootools

iuttu — Wed, 08 Oct 2008 19:23:48 +0000

En un proyecto reciente, tenímos la necesidad de que, dependiendo de X factores, la función a la que llamase el evento onChange de varios combos Select debía ir cambiando:

<select id="slSelect" onchange="alert(1)">
<option value="1">hola</option>
<option value="2">que tal</option>
</select>

En mootools, tenemos varias funciones para eliminar eventos de objetos: $(element).removeEvent() y $(element).removeEvents(), pero, misteriosamente, no tienen ningún efecto cuando se aplica a un objeto de tipo Select. ¿Y si en vez de un evento, el código onchange=”alert(1)” fuera interpretado como una propiedad de objeto? Pues efectivamente, la única forma de quitar (para después añadir otro) un evento onchange es anulando la propiedad del objeto, en mootools sería así:

1	$("slSelect").removeProperty("onchange");

Probado en FF3, IE6, IE7 y Safari. En la página siguiente os dejo el código del ejemplo…

<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>TEST</title>
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" charset="utf-8">
function changeOnChange() {
    $("slSelect").removeProperty("onchange");
}
</script>
</head>
<body>
<select id="slSelect" onchange="alert(1)">
    <option value="1">hola</option>
    <option value="2">que tal</option>
</select>
<input type="button" value="cambia onchange" onclick="changeOnChange();" />
</body>
</html>

iuttu » mootools

De Mootools a jQuery: comprobar si un elemento existe

Cambiar evento onChange de un select con mootools