https://www.city-star.org/Client/meniu_area.js

1var menuwidth='165px' //default menu width
2var menubgcolor='lightyellow'  //menu bgcolor
3var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
4var hidemenu_onclick="yes" //hide menu when user clicks within menu?
5
6/////No further editting needed
7
8var ie4=document.all
9var ns6=document.getElementById&&!document.all
10
11if (ie4||ns6)
12document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
13
14function getposOffset(what, offsettype){
15var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
16var parentEl=what.offsetParent;
17while (parentEl!=null){
18totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
19parentEl=parentEl.offsetParent;
20}
21return totaloffset;
22}
23
24
25function showhide(obj, e, visible, hidden, menuwidth){
26if (ie4||ns6)
27dropmenuobj.style.left=dropmenuobj.style.top="-500px"
28if (menuwidth!=""){
29dropmenuobj.widthobj=dropmenuobj.style
30dropmenuobj.widthobj.width=menuwidth
31}
32if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
33obj.visibility=visible
34else if (e.type=="click")
35obj.visibility=hidden
36}
37
38function iecompattest(){
39return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
40}
41
42function clearbrowseredge(obj, whichedge){
43var edgeoffset=0
44if (whichedge=="rightedge"){
45var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
46dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
47if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
48edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
49}
50else{
51var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
52var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
53dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
54if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
55edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
56if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
57edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
58}
59}
60return edgeoffset
61}
62
63function populatemenu(what){
64if (ie4||ns6)
65dropmenuobj.innerHTML=what.join("")
66}
67
68
69function dropdownmenu(obj, e, menucontents, menuwidth){
70if (window.event) event.cancelBubble=true
71else if (e.stopPropagation) e.stopPropagation()
72clearhidemenu()
73dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
74populatemenu(menucontents)
75
76if (ie4||ns6){
77showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
78dropmenuobj.x=getposOffset(obj, "left")
79dropmenuobj.y=getposOffset(obj, "top")
80dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
81dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
82}
83
84return clickreturnvalue()
85}
86
87function clickreturnvalue(){
88if (ie4||ns6) return false
89else return true
90}
91
92function contains_ns6(a, b) {
93while (b.parentNode)
94if ((b = b.parentNode) == a)
95return true;
96return false;
97}
98
99function dynamichide(e){
100if (ie4&&!dropmenuobj.contains(e.toElement))
101delayhidemenu()
102else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
103delayhidemenu()
104}
105
106function hidemenu(e){
107if (typeof dropmenuobj!="undefined"){
108if (ie4||ns6)
109dropmenuobj.style.visibility="hidden"
110}
111}
112
113function delayhidemenu(){
114if (ie4||ns6)
115delayhide=setTimeout("hidemenu()",disappeardelay)
116}
117
118function clearhidemenu(){
119if (typeof delayhide!="undefined")
120clearTimeout(delayhide)
121}
122
123if (hidemenu_onclick=="yes")
124document.onclick=hidemenu