Team:UPO-Sevilla/js/topMenu2.js

From 2011.igem.org

(Difference between revisions)
Line 32: Line 32:
$(document).ready(function()
$(document).ready(function()
{
{
-
     $('#jsddm > li').bind('mouseover', function(){
+
     $('#jsddm > li').bind('mouseover', function(event){
-
           alert( $('div#top').find('ul').index(this));
+
           alert( $('div#top').find('ul').index(event.target));
           jsddm_open(0);
           jsddm_open(0);
     });
     });

Revision as of 19:53, 24 October 2011

var timeout = 500; var closetimer = 0; var ddmenuitem = 0;

function jsddm_open(numero) {

   jsddm_canceltimer();
   jsddm_close();
   ddmenuitem = $('div#top').find('ul').eq(numero).css('visibility', 'visible');

}

function jsddm_close() {

   if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');

}

function jsddm_timer() {

   closetimer = window.setTimeout(jsddm_close, timeout);

}

function jsddm_canceltimer() {

   if(closetimer)
   {
       window.clearTimeout(closetimer);
       closetimer = null;
   }

}

$(document).ready(function() {

   $('#jsddm > li').bind('mouseover', function(event){
         alert( $('div#top').find('ul').index(event.target));
         jsddm_open(0);
   });
   $('#jsddm > li').bind('mouseout',  jsddm_timer);

});

document.onclick = jsddm_close;