203 lines
5.5 KiB
JavaScript
203 lines
5.5 KiB
JavaScript
![]() |
/*
|
||
|
Copyright (C) 2008 Alina Friedrichsen <x-alina@gmx.net>
|
||
|
|
||
|
Redistribution and use in source and binary forms, with or without
|
||
|
modification, are permitted provided that the following conditions
|
||
|
are met:
|
||
|
1. Redistributions of source code must retain the above copyright
|
||
|
notice, this list of conditions and the following disclaimer.
|
||
|
2. Redistributions in binary form must reproduce the above copyright
|
||
|
notice, this list of conditions and the following disclaimer in the
|
||
|
documentation and/or other materials provided with the distribution.
|
||
|
|
||
|
THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
|
||
|
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
||
|
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
|
||
|
ARE DISCLAIMED. IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE
|
||
|
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
|
||
|
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS
|
||
|
OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
|
||
|
HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
|
||
|
LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
|
||
|
OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
|
||
|
SUCH DAMAGE.
|
||
|
*/
|
||
|
|
||
|
function initDropdowns() {
|
||
|
var aSelects = XHTML1.getElementsByTagName("select");
|
||
|
var isIE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
|
||
|
|
||
|
function showPlaceholder(sel) {
|
||
|
if( ! sel._ph ) {
|
||
|
var box = sel.getBoundingClientRect();
|
||
|
sel._dm = sel.currentStyle.display;
|
||
|
sel._ph = document.createElement('input');
|
||
|
sel.parentNode.insertBefore(sel._ph, sel);
|
||
|
sel._ph.style.width = ( box.right - box.left ) + 'px';
|
||
|
sel._ph.style.height = ( box.bottom - box.top ) + 'px';
|
||
|
sel._ph.style.margin = sel.currentStyle.margin;
|
||
|
}
|
||
|
|
||
|
sel._ph.value = sel.options[sel.selectedIndex].text;
|
||
|
sel._ph.style.display = sel._dm;
|
||
|
sel.style.display = 'none';
|
||
|
}
|
||
|
|
||
|
function hidePlaceholder(sel) {
|
||
|
if( sel._ph ) sel._ph.style.display = 'none';
|
||
|
sel.style.display = sel._dm;
|
||
|
}
|
||
|
|
||
|
function hideSelects() {
|
||
|
for(var i = 0; i < aSelects.length; i++) {
|
||
|
showPlaceholder(aSelects[i]);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function showSelects() {
|
||
|
for(var i = 0; i < aSelects.length; i++) {
|
||
|
hidePlaceholder(aSelects[i]);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function isEmptyObject(obj) {
|
||
|
for(var i in obj) {
|
||
|
return false;
|
||
|
}
|
||
|
return true;
|
||
|
}
|
||
|
|
||
|
var nextUniqueID = 1;
|
||
|
var elementsNeeded = {};
|
||
|
var menusShown = {};
|
||
|
var menusToHide = {};
|
||
|
var delayHideTimerId;
|
||
|
var delayHideAllTime = 1000;
|
||
|
var delayHideTime = 400;
|
||
|
function delayHide() {
|
||
|
for(var i in menusToHide) {
|
||
|
XHTML1.removeClass(menusToHide[i], "focus");
|
||
|
}
|
||
|
delayHideTimerId = null;
|
||
|
}
|
||
|
|
||
|
function updatePopup() {
|
||
|
if(isIE6) {
|
||
|
if(isEmptyObject(elementsNeeded)) {
|
||
|
showSelects();
|
||
|
}
|
||
|
else{
|
||
|
hideSelects();
|
||
|
}
|
||
|
}
|
||
|
|
||
|
var menusShownOld = menusShown;
|
||
|
menusShown = {};
|
||
|
for(var id in elementsNeeded) {
|
||
|
var element = elementsNeeded[id];
|
||
|
for(element = findLi(element); element; element = findLi(element.parentNode)) {
|
||
|
XHTML1.addClass(element, "focus");
|
||
|
if(!element.uniqueID) {
|
||
|
element.uniqueID = nextUniqueID++;
|
||
|
}
|
||
|
element.style.zIndex = 1000;
|
||
|
menusShown[element.uniqueID] = element;
|
||
|
delete menusToHide[element.uniqueID];
|
||
|
}
|
||
|
}
|
||
|
for(var id in menusShownOld) {
|
||
|
if(!menusShown[id]) {
|
||
|
if(delayHideTimerId) {
|
||
|
clearTimeout(delayHideTimerId);
|
||
|
delayHideTimerId = 0;
|
||
|
delayHide();
|
||
|
}
|
||
|
menusToHide[id] = menusShownOld[id];
|
||
|
menusToHide[id].style.zIndex = 999;
|
||
|
}
|
||
|
}
|
||
|
if(menusToHide || isEmptyObject(elementsNeeded)) {
|
||
|
if(delayHideTimerId) {
|
||
|
clearTimeout(delayHideTimerId);
|
||
|
}
|
||
|
delayHideTimerId = setTimeout(delayHide, isEmptyObject(elementsNeeded) ? delayHideAllTime : delayHideTime);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function findLi(element) {
|
||
|
for(; element; element = element.parentNode) {
|
||
|
if(XHTML1.isElement(element, "li")) {
|
||
|
return element;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function onmouseover(evt) {
|
||
|
var li = findLi(evt.currentTarget);
|
||
|
if(li && !li.focused) {
|
||
|
if(!li.uniqueID) {
|
||
|
li.uniqueID = nextUniqueID++;
|
||
|
}
|
||
|
elementsNeeded[li.uniqueID] = li;
|
||
|
}
|
||
|
XHTML1.addClass(evt.currentTarget, "over");
|
||
|
updatePopup();
|
||
|
}
|
||
|
|
||
|
function onmouseout(evt) {
|
||
|
var li = findLi(evt.currentTarget);
|
||
|
if(li && !li.focused && li.uniqueID) {
|
||
|
delete elementsNeeded[li.uniqueID];
|
||
|
}
|
||
|
XHTML1.removeClass(evt.currentTarget, "over");
|
||
|
updatePopup();
|
||
|
}
|
||
|
|
||
|
function onfocus(evt) {
|
||
|
var li = findLi(evt.currentTarget);
|
||
|
if(li) {
|
||
|
li.focused = true;
|
||
|
if(!li.uniqueID) {
|
||
|
li.uniqueID = nextUniqueID++;
|
||
|
}
|
||
|
elementsNeeded[li.uniqueID] = li;
|
||
|
}
|
||
|
updatePopup();
|
||
|
}
|
||
|
|
||
|
function onblur(evt) {
|
||
|
var li = findLi(evt.currentTarget);
|
||
|
if(li) {
|
||
|
li.focused = false;
|
||
|
delete elementsNeeded[li.uniqueID];
|
||
|
}
|
||
|
updatePopup();
|
||
|
}
|
||
|
|
||
|
var aElements = XHTML1.getElementsByTagName("a");
|
||
|
for(var i = 0; i < aElements.length; i++) {
|
||
|
var a = aElements[i];
|
||
|
for(var element = a.parentNode; element; element = element.parentNode) {
|
||
|
if(XHTML1.isElement(element, "ul") && XHTML1.containsClass(element, "dropdowns")) {
|
||
|
XHTML1.addEventListener(a, "focus", onfocus);
|
||
|
XHTML1.addEventListener(a, "blur", onblur);
|
||
|
XHTML1.addEventListener(a, "mouseover", onmouseover);
|
||
|
XHTML1.addEventListener(a, "mouseout", onmouseout);
|
||
|
break;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
XHTML1.addEventListener(document, "click", function() {
|
||
|
if (delayHideTimerId) {
|
||
|
clearTimeout(delayHideTimerId);
|
||
|
delayHideTimerId = 0;
|
||
|
delayHide();
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
|
||
|
if(XHTML1.isDOMSupported()) {
|
||
|
XHTML1.addEventListener(window, "load", initDropdowns);
|
||
|
}
|