ilch.de :: Forum :: Allgemein :: HTML, PHP, SQL,...

Hallo ich versuche derzeit in mein eigenes Design eine Navigation einzubauen die aufgeht wenn man einen buttom anklickt.

Aussehen soll das ganze wie bei dem webspell template hier:
externer Link

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

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

<script src="Florian/js/bbcode.js" language="jscript" type="text/javascript"></script>
<script type="text/javascript">
 
<!-- BEGIN VARIABLES HERE -->
 
var MenuSpacer = 8.2;
 
<!-- END VARIABLES HERE -->
 
 
var menu1=new Array()
menu1[0]='<a href="index.php?site=news"><font color="#000000">News</font></a>'
menu1[1]='<a href="index.php?site=articles"><font color="#000000">Articles</font></a>'
menu1[2]='<a href="index.php?site=files"><font color="#000000">Downloads</font></a>'
menu1[3]='<a href="index.php?site=awards"><font color="#000000">Awards</font></a>'
menu1[4]='<a href="index.php?site=history"><font color="#000000">History</font></a>'
 
var menu2=new Array()
menu2[0]='<a href="index.php?site=members"><font color="#000000">Members</font></a>'
menu2[1]='<a href="index.php?site=clanwars"><font color="#000000">Clanwars</font></a>'
menu2[2]='<a href="index.php?site=server"><font color="#000000">Servers</font></a>'
menu2[3]='<a href="index.php?site=sponsors"><font color="#000000">Sponsors</font></a>'
menu2[4]='<a href="index.php?site=joinus"><font color="#000000">Join us</font></a>'
 
var menu3=new Array()
menu3[0]='<a href="index.php?site=forum"><font color="#000000">Forum</font></a>'
menu3[1]='<a href="index.php?site=guestbook"><font color="#000000">Guestbook</font></a>'
menu3[2]='<a href="index.php?site=newsletter"><font color="#000000">Newsletter</font></a>'
menu3[3]='<a href="index.php?site=whoisonline"><font color="#000000">Who is online</font></a>'
menu3[4]='<a href="index.php?site=contact"><font color="#000000">Contact</a>'
 
var menu4=new Array()
menu4[0]='<a href="index.php?site=links"><font color="#000000">Links</font></a>'
menu4[1]='<a href="index.php?site=gallery"><font color="#000000">Gallery</font></a>'
menu4[2]='<a href="index.php?site=linkus"><font color="#000000">Link us</font></a>'
menu4[3]='<a href="index.php?site=challenge"><font color="#000000">Fight us</font></a>'
menu4[4]='<a href="index.php?site=imprint"><font color="#000000">Imprint</font></a>'
         
var menuwidth='165px' //default menu width
var menubgcolor='#9f9f9f'  //menu bgcolor
var disappeardelay=50  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
 
/////No further editting needed
 
var ie4=document.all
var ns6=document.getElementById&&!document.all
 
if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-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+MenuSpacer : totaloffset+parentEl.offsetTop-1;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
 
 
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
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 topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
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){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
 
function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}
 
 
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>

Der code stammt aus diesem Webspell addon es funktioniert soweit alles nur geht die Navigation nicht an der Maus "auf" sondern links oben in der Ecke.

Siehe hier: feuerwehr-russheim.de/Florian/2.php

Hoffe es kann mir wer helfen.

Falls wer nen anderen code hat der schon bei ilch funktioniert immer her damit glücklich

Mfg Vip3r

Zuletzt modifiziert von Vip3r am 02.05.2008 - 21:02:12

Geschlossen

	Zurück zu HTML, PHP, SQL,...

Beitrag zur Merkliste hinzufügen

ilch Forum » Allgemein » HTML, PHP, SQL,... » Navigation