62 lines
2.1 KiB
JavaScript
62 lines
2.1 KiB
JavaScript
// masterMenu.js
|
|
/*jslint browser: true*/
|
|
/*global window: true*/
|
|
/*global $ */
|
|
var masterMenuItem = null; //var for all menu item in menu bar
|
|
masterMenuItem = $('.menuItem'); //var for all menu item in menu bar
|
|
|
|
//function to display menu
|
|
$(function () {
|
|
'use strict';
|
|
/// show menu item with position adjustment
|
|
$('.master-menu-item').each(function () {
|
|
var itemnum, lftpos;
|
|
itemnum = $(this).index();
|
|
lftpos = -1; //$(this).offset().left;
|
|
$('.masterInnerMenu').filter(':eq(' + itemnum + ')').css('left', lftpos);
|
|
});
|
|
/// hide menu item on bodyclick
|
|
$('body').click(function () {
|
|
$('.masterInnerMenu').hide().removeClass('opened');
|
|
//$('.selected').removeClass('selected');
|
|
//unbindMenuItems();
|
|
});
|
|
/// show item on hover add selected class on active
|
|
$('.master-menu-item').hover(function (event) {
|
|
event.stopPropagation();
|
|
//var itemnum = $(this).index();
|
|
//$('.master-menu-item').removeClass('selected');
|
|
// $(this).addClass('selected');
|
|
$('.masterInnerMenu').hide().removeClass('opened');
|
|
$(this).find('.masterInnerMenu').show().addClass('opened');
|
|
}, function (event) {
|
|
event.stopPropagation();
|
|
$('.masterInnerMenu').hide().removeClass('opened');
|
|
});
|
|
|
|
});
|
|
// set a id on active menu item
|
|
function setSelectedMenuItem(id) {
|
|
'use strict';
|
|
//alert(id);
|
|
$("#masterMenu ul li").removeClass('selected'); //remove selected class from all
|
|
$("#masterMenu ul li[id=" + id + "]").addClass('selected'); // add selcted class on hover
|
|
}
|
|
|
|
|
|
//function to get main menu
|
|
function mainmenu() {
|
|
$(" .innerInnerMenu ").css({ display: "none" }); // Opera Fix
|
|
$(" .masterInnerMenu li").hover(function () {
|
|
|
|
var liWidth = $(this).outerWidth(false);
|
|
$(this).find('ul:first').css({ visibility: "visible", display: "none", left: liWidth }).show(100);
|
|
}, function () {
|
|
$(this).find('ul:first').css({ visibility: "hidden" });
|
|
});
|
|
}
|
|
//documnet.ready event
|
|
$(document).ready(function () {
|
|
|
|
mainmenu();
|
|
}); |