Eventos en javascript, con Prototype JS.
Para crear un menu superior con submenus (horizontales) e intercambiar los datos cuando se pone el mouse encima de un evento utilizamos lo siguiente:
<div id="menu"><ul>
<li id="mn1">test</li>
<li id="mn2">test 2</li>
<li id="mn3">test3</li>
</ul></div>
<div id="submenu"></div>
Añadimos un evento "observe" como sigue:
Event.observe(window, 'load', function() { $R(1,3).each(function(x){ Event.observe("mn"+x,'mouseover',function(e){got('mn'+x)}); }); });
Donde $R(1,3) es un rango del uno al tres y pondrá un evento en "observación", que al pasar el mouse encima del id mn1, mn2... mnn ejecutará la función got, que podría contener el cambio de datos, ya sea con AJAX o con datos previamente cargados en formato JSON. Todo lo anterior evita poner cosas como:
<div id="menu"><ul><li id="mn1" onmouseover="got('mn1')">... y así para cada elemento del menú.
Se requiere prototype js cargado para que funcione.
Almacenado en Ajax, Notas personales, Json, Prototype js
[ Enlace | 
Un miserable comentario :( ] 
del.icio.us Estrella este post 
Un miserable comentario :( ] del.icio.us Estrella este post
