Mostrar capa con mootools

[merolhack]

Hola, vi este codigo en los ejemplos de mootools, pero quisiera saber como le podria hacer para que envez de hacerlo al dar click sobre un enlace, para hacerlo cuando seleccione una opción de un select.

Este es el código que usan en esta página http://demos.mootools.net/Ajax

Código:

window.addEvent('domready', function(){
	var divs = $$(['docs', 'js', 'html', 'css']);
	divs.each(function(div){
		var link = $(div.id + 'code');
		div.setStyle('display', 'none');
		link.addEvent('click', function(e){
			e = new Event(e);
			divs.each(function(other){
				if (other != div) other.setStyle('display', 'none');
			});
			div.setStyle('display', (div.getStyle('display') == 'block') ? 'none' : 'block');
			e.stop();
		});
	});
});

Al presionar uno de los enlaces de arriba (docs referencesjs code | html code | css code) muestra un div.

Saludos!!

[derkenuke]

Hola merolhack:


Mootools implementa el evento domready para dar vida a la función pasada por argumento en cuando el árbol DOM esté cargado.

Lo único que tienes que hacer es localizar tu elemento select y agregarle esa función asociada al evento onchange.

No sé nada de mootools, pero viendo su sintaxis supongo que será algo parecido a:

Código PHP:

  tuSelect.addEvent('change', tuFuncion);  
   

Un saludo

[merolhack]

Ya encontré como lo hacen mira:
http://demos.mootools.net/Fx.Slide

Saludos!!

[derkenuke]

Bueno sí, en esencia lo mismo pero con efectos