Archivlink: javarea.de Forum > JavaScript > mouseover effekt einbauen
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > mouseover effekt einbauen

Pages: [1]
geschrieben von fischnackdissen am 09.09.2005 - 21:33
hi,
ich hoffe hier kann mir jemand weiterhelfen. habe da mal ein menü gebaut, beidem ich mit subnavi arbeite. nun klappt eigentlich auch schon alles wunderbar bis auf die tatsache, das bei den subnavibildern kein mouseover (bildertausch) stattfindet. kann mir vielleicht jemand soweit helfen, daß er meinen u. gezeigten code ändert?
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 

var menu2=new Array()
menu2[0]='<a href="media.htm" target="main"><img src="49.gif" border="0" /></a>'
menu2[1]='<a ><img src="flash%20men%FC/buttonup_17.gif" border="0" /></a>'
menu2[2]='<a href="wallpaper.htm" target="main"><img src="29.gif" border="0" /></a>'
menu2[3]='<a ><img src="flash%20men%FC/buttonup_17.gif" border="0" /></a>'
menu2[4]='<a href="video.htm" target="main"><img src="37.gif" border="0" /></a>'
menu2[5]='<a ><img src="flash%20men%FC/buttonup_17.gif" border="0" /></a>'
menu2[6]='<a href="votes.htm" target="main"><img src="votes.gif" border="0" /></a>'


jeweils für die bilder 49, 29,37 sollen die bilder 50, 30, 38 (also 49 zu 50 etc...)
getauscht werden. wäre sau nett, wenn jemand mir helfen könnte. habe nich allzu viel ahnung von JS

danke im voraus
fisch

ps hier nochmal das ganze script: (nur var2)

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 
73: 
74: 
75: 
76: 
77: 
78: 
79: 
80: 
81: 
82: 
83: 
84: 
85: 
86: 
87: 
88: 
89: 
90: 
91: 
92: 
93: 
94: 
95: 
96: 
97: 
98: 
99: 
100: 
101: 
102: 
103: 
104: 
105: 
106: 
107: 
108: 
109: 
110: 
111: 
112: 
113: 
114: 
115: 
116: 
117: 
118: 
119: 
120: 
121: 
122: 
123: 
124: 
125: 
126: 
127: 
128: 
129: 
130: 
131: 
132: 
133: 
134: 
135: 
136: 
137: 
138: 
139: 
140: 
141: 

<script type="text/javascript">

var menu2=new Array()
menu2[0]='<a href="media.htm" target="main"><img src="49.gif" border="0" /></a>'
menu2[1]='<a ><img src="flash%20men%FC/buttonup_17.gif" border="0" /></a>'
menu2[2]='<a href="wallpaper.htm" target="main"><img src="29.gif" border="0" /></a>'
menu2[3]='<a ><img src="flash%20men%FC/buttonup_17.gif" border="0" /></a>'
menu2[4]='<a href="video.htm" target="main"><img src="37.gif" border="0" /></a>'
menu2[5]='<a ><img src="flash%20men%FC/buttonup_17.gif" border="0" /></a>'
menu2[6]='<a href="votes.htm" target="main"><img src="votes.gif" border="0" /></a>'

		
var menuwidth='1px' //default menu width
var menubgcolor='black'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="no" //hide menu when user clicks within menu?

var ie4=document.all
var ns6=document.getElementById&&!document.all

// Menu aufbauen
if (ie4||ns6)
document.write('<div id="dropmenudiv" styleyle="visibility:hidden;width:'+menuwidth+';xbackground-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
  totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
  parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
  dropmenuobj.style.left=dropmenuobj.style.top=-500
if (menuwidth!=""){
  dropmenuobj.widthobj=dropmenuobj.style
  dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
  obj.visibility=visible
else if (e.type=="click")
  obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
  var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
  dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
  if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
    edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
  }
else{
  var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
  dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
  if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
    edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6) {
  dropmenuobj.innerHTML=what.join("")
  //alert(dropmenuobj.innerHTML);
}    

}


function dropdownmenu(obj, e, menucontents, menuwidth)
{
  if (window.event) 
    event.cancelBubble=true
  else 
    if (e.stopPropagation) e.stopPropagation()
  
  clearhidemenu()
  dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
  
  populatemenu(menucontents)
  
  if (ie4||ns6){
    showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
    dropmenuobj.x=getposOffset(obj, "left")
    dropmenuobj.y=getposOffset(obj, "top")
    dropmenuobj.style.left=dropmenuobj.x+-clearbrowseredge(obj, "rightedge")+"px"
    dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
  }
  
  return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu

</script>


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.