themes/openwrt.org/htdocs/luci-static/openwrt.org/Dropdowns.js

   1 /*
   2 Copyright (C) 2008  Alina Friedrichsen <x-alina@gmx.net>
   3
   4 Redistribution and use in source and binary forms, with or without
   5 modification, are permitted provided that the following conditions
   6 are met:
   7 1. Redistributions of source code must retain the above copyright
   8    notice, this list of conditions and the following disclaimer.
   9 2. Redistributions in binary form must reproduce the above copyright
  10    notice, this list of conditions and the following disclaimer in the
  11    documentation and/or other materials provided with the distribution.
  12
  13 THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
  14 ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  15 IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
  16 ARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE
  17 FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
  18 DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS
  19 OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
  20 HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
  21 LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
  22 OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
  23 SUCH DAMAGE.
  24 */
  25
  26 function initDropdowns() {
  27         function onmouseover(evt) {
  28                 XHTML1.addClass(evt.currentTarget, "over");
  29         }
  30
  31         function onmouseout(evt) {
  32                 XHTML1.removeClass(evt.currentTarget, "over");
  33         }
  34
  35         function onfocus(evt) {
  36                 for(var element = evt.currentTarget; element; element = element.parentNode) {
  37                         if(XHTML1.isElement(element, "li")) {
  38                                 XHTML1.addClass(element, "focus");
  39                         }
  40                 }
  41         }
  42
  43         function onblur(evt) {
  44                 for(var element = evt.currentTarget; element; element = element.parentNode) {
  45                         if(XHTML1.isElement(element, "li")) {
  46                                 XHTML1.removeClass(element, "focus");
  47                         }
  48                 }
  49         }
  50
  51         if(document.all) {
  52                 var liElements = XHTML1.getElementsByTagName("li");
  53                 for(var i = 0; i < liElements.length; i++) {
  54                         var li = liElements[i];
  55                         for(var element = li.parentNode; element; element = element.parentNode) {
  56                                 if(XHTML1.isElement(element, "ul") && XHTML1.containsClass(element, "dropdowns")) {
  57                                         XHTML1.addEventListener(li, "mouseover", onmouseover);
  58                                         XHTML1.addEventListener(li, "mouseout", onmouseout);
  59                                         break;
  60                                 }
  61                         }
  62                 }
  63         }
  64
  65         var aElements = XHTML1.getElementsByTagName("a");
  66         for(var i = 0; i < aElements.length; i++) {
  67                 var a = aElements[i];
  68                 for(var element = a.parentNode; element; element = element.parentNode) {
  69                         if(XHTML1.isElement(element, "ul") && XHTML1.containsClass(element, "dropdowns")) {
  70                                 XHTML1.addEventListener(a, "focus", onfocus);
  71                                 XHTML1.addEventListener(a, "blur", onblur);
  72                                 break;
  73                         }
  74                 }
  75         }
  76 }
  77
  78 if(XHTML1.isDOMSupported()) {
  79         XHTML1.addEventListener(window, "load", initDropdowns);
  80 }
  81 /*
  82 Copyright (C) 2008  Alina Friedrichsen <x-alina@gmx.net>
  83
  84 Redistribution and use in source and binary forms, with or without
  85 modification, are permitted provided that the following conditions
  86 are met:
  87 1. Redistributions of source code must retain the above copyright
  88    notice, this list of conditions and the following disclaimer.
  89 2. Redistributions in binary form must reproduce the above copyright
  90    notice, this list of conditions and the following disclaimer in the
  91    documentation and/or other materials provided with the distribution.
  92
  93 THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
  94 ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  95 IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
  96 ARE DISCLAIMED.  IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE
  97 FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
  98 DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS
  99 OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
 100 HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
 101 LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
 102 OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
 103 SUCH DAMAGE.
 104 */
 105
 106 function initDropdowns() {
 107         function onmouseover(evt) {
 108                 XHTML1.addClass(evt.currentTarget, "over");
 109         }
 110
 111         function onmouseout(evt) {
 112                 XHTML1.removeClass(evt.currentTarget, "over");
 113         }
 114
 115         function onfocus(evt) {
 116                 for(var element = evt.currentTarget; element; element = element.parentNode) {
 117                         if(XHTML1.isElement(element, "li")) {
 118                                 XHTML1.addClass(element, "focus");
 119                         }
 120                 }
 121         }
 122
 123         function onblur(evt) {
 124                 for(var element = evt.currentTarget; element; element = element.parentNode) {
 125                         if(XHTML1.isElement(element, "li")) {
 126                                 XHTML1.removeClass(element, "focus");
 127                         }
 128                 }
 129         }
 130
 131         if(document.all) {
 132                 var liElements = XHTML1.getElementsByTagName("li");
 133                 for(var i = 0; i < liElements.length; i++) {
 134                         var li = liElements[i];
 135                         for(var element = li.parentNode; element; element = element.parentNode) {
 136                                 if(XHTML1.isElement(element, "ul") && XHTML1.containsClass(element, "dropdowns")) {
 137                                         XHTML1.addEventListener(li, "mouseover", onmouseover);
 138                                         XHTML1.addEventListener(li, "mouseout", onmouseout);
 139                                         break;
 140                                 }
 141                         }
 142                 }
 143         }
 144
 145         var aElements = XHTML1.getElementsByTagName("a");
 146         for(var i = 0; i < aElements.length; i++) {
 147                 var a = aElements[i];
 148                 for(var element = a.parentNode; element; element = element.parentNode) {
 149                         if(XHTML1.isElement(element, "ul") && XHTML1.containsClass(element, "dropdowns")) {
 150                                 XHTML1.addEventListener(a, "focus", onfocus);
 151                                 XHTML1.addEventListener(a, "blur", onblur);
 152                                 break;
 153                         }
 154                 }
 155         }
 156 }
 157
 158 if(XHTML1.isDOMSupported()) {
 159         XHTML1.addEventListener(window, "load", initDropdowns);
 160 }