Team:UPO-Sevilla/js/topMenu2.js

From 2011.igem.org

(Difference between revisions)
Line 33: Line 33:
{
{
     $('#jsddm > li').bind('mouseover', function(event){
     $('#jsddm > li').bind('mouseover', function(event){
 +
          alert( $('ul#jsddm li').html());
           alert( $('ul#jsddm li').index(event.target));
           alert( $('ul#jsddm li').index(event.target));
           jsddm_open(0);
           jsddm_open(0);

Revision as of 19:59, 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( $('ul#jsddm li').html());
         alert( $('ul#jsddm li').index(event.target));
         jsddm_open(0);
   });
   $('#jsddm > li').bind('mouseout',  jsddm_timer);

});

document.onclick = jsddm_close;