Menü
sandro
- programmiertechnik
hallo einen schönen guten abend...
hätte eine frage zum nachfolgenden quelltext!
und zwar ich habe einen fehler eingebaut
bei "kontakt" sollte als unterlink "finanzpartner" kommen(beim klicken)
es is aber von anfang an sichtbar , kann mir wer sagen warum???
danke vile liebe grüße sandro
hallo einen schönen guten abend...
hätte eine frage zum nachfolgenden quelltext! und zwar ich habe einen fehler eingebaut bei "kontakt" sollte als unterlink "finanzpartner" kommen(beim klicken) es is aber von anfang an sichtbar , kann mir wer sagen warum???
danke viele liebe grüße sandro-ups habe das "e" und den quelltext vergessen, bin ein schussel ;o)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <style type="text/css"> #divCont {position:absolute; z-index:1; left:50px; top:70px; height:400px; width:170px; visibility:hidden;} .clTop {position:absolute; z-index:1; width:170px; line-height:17px;} .clSub {position:absolute; z-index:1; left:0px; top:20px; width:170px; line-height:14px;}
/*** This sets the style for the links inside the menu. ***/ #divCont .clTop a {color:#000000; font-family:verdana,arial,helvetica,sans-serif; font-size:14px; font-weight:bold; text-decoration:none;} #divCont .clTop a:hover {color:#000000; text-decoration:none;} #divCont .clTop .clSub a {color:#777777; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; font-weight:normal; text-decoration:none;} #divCont .clTop .clSub a:hover {color:#333333; text-decoration:none;} </style>
<script language="JavaScript" type="text/javascript"> /********************************************************************************** FoldoutMenu * Copyright (C) 2001 Thomas Brattli * This script was released at DHTMLCentral.com * Visit for more great scripts! * This may be used and changed freely as long as this msg is intact! * We will also appreciate any links you could give us. * * Made by Thomas Brattli * * Script date: 09/04/2001 (keep this date to check versions) *********************************************************************************/ function lib_bwcheck(){ //Browsercheck (needed) this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=(navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?1:0 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5) return this } var bw=lib_bwcheck()
/*** variables you can configure ***/
FoldNumber = 6 //How many toplinks do you have? var stayFolded = false //Stay open when you click a new toplink? foldImg = 1 //Do you want images (if not set to 0 and remove the images from the body)? mainOffsetY = 0 //Vertical space adjustment between the main items, in pixels.
//This is the default image. //Remember to change the actual images in the page as well, but remember to keep the name of the image. var unImg=new Image(); unImg.src='foldoutmenu_arrow.gif'
var exImg=new Image(); //Making an image variable... exImg.src='foldoutmenu_arrow_open.gif' //...this is the source of the image that it changes to when the menu expands.
// NOTE: if you change the position of divCont from absolute to relative, you can put the foldoutmenu in a table. // HOWEVER it will no longer work in netscape 4. If you wish to support netscape 4, you have to use absolute positioning.
/*** There should be no need to change anything beyond this. ***/
// A unit of measure that will be added when setting the position of a layer. var px = bw.ns4||window.opera?"":"px";
if(navigator.userAgent.indexOf('Opera')>-1 && document.getElementById){ //Opera 5 resize fix. scrX= innerWidth; scrY= innerHeight; document.onmousemove= function(){ if(scrX<innerWidth-10 || scrY<innerHeight-10 || scrX>innerWidth+10 || scrY>innerHeight+10){ scrX = innerWidth; scrY = innerHeight; initFoldout(); } }; }
//object constructor... function makeMenu(obj,nest){ nest= (!nest)?"":'document.'+nest+'.'; this.el= bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):document.getElementById(obj); this.css= bw.ns4?this.el:this.el.style; this.ref= bw.ns4?this.el.document:document; this.x= (bw.ns4||bw.opera5)?this.css.left:this.el.offsetLeft; this.y= (bw.ns4||bw.opera5)?this.css.top:this.el.offsetTop; this.h= (bw.ie||bw.ns6)?this.el.offsetHeight:bw.ns4?this.ref.height:bw.opera5?this.css.pixelHeight:0; this.vis= b_vis; this.hideIt= b_hideIt; this.showIt= b_showIt; this.moveIt= b_moveIt; return this } //object methods... function b_showIt(){this.css.visibility='visible'} function b_hideIt(){this.css.visibility='hidden'} function b_vis(){if(this.css.visibility=='hidden' || this.css.visibility=='HIDDEN' || this.css.visibility=='hide') return true;} function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x+px; this.css.top=this.y+px}
/************************************************************************************ This is the function that changes the sub menus to folded or unfolded state. ************************************************************************************/ function menu(num){ if(bw.bw){ if (!stayFolded){ for (var i=0; i<oSub.length; i++){ if (i!=num){ oSub[i].hideIt() if (foldImg)oTop[i].ref["imgA"+i].src = unImg.src } } for(var i=1; i<oTop.length; i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].h) } } if (oSub[num].vis()){ oSub[num].showIt() if (foldImg)oTop[num].ref["imgA"+num].src = exImg.src }else{ oSub[num].hideIt() if(foldImg)oTop[num].ref["imgA"+num].src = unImg.src } for(var i=1; i<oTop.length; i++){ if (!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].h+oSub[i-1].h+mainOffsetY) else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].h+mainOffsetY) } } }
/********************************************************************* The init function... there should be no need to change anything here. *********************************************************************/ function initFoldout(){ //Fixing the browsercheck for opera... this can be removed if the browsercheck has been updated!! bw.opera5 = (navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?true:false if (bw.opera5) bw.ns6 = 0
oTop = new Array() oSub = new Array() //Making the objects and hiding the subs... for (var i=0; i<FoldNumber; i++){ oTop[i] = new makeMenu('divTop'+i,'divCont') oSub[i] = new makeMenu('divSub'+i,'divCont.document.divTop'+i) oSub[i].hideIt() }
//Positioning the top objects... oTop[0].moveIt(0,0) for (var i=1; i<oTop.length; i++){ oTop[i].moveIt(0, oTop[i-1].y+oTop[i-1].h+mainOffsetY) }
//Making the containing menu object and showing it... oCont = new makeMenu('divCont') oCont.showIt() }
// If the browser is ok, the script is started onload... if(bw.bw) onload = initFoldout; </script>
</HEAD>
<BODY bgcolor="#efc562"> <div id="divCont"> <!-- These are the contents of the foldoutmenu. -->
<div id="divTop0" class="clTop"><a href="#" onclick="menu(0); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA0" width=12 height=12 alt="" border="0">Home</a><br> <div id="divSub0" class="clSub"> <a href="#">AvW Museum</a><br>
</div><br> </div>
<div id="divTop1" class="clTop"><a href="#" onclick="menu(1); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA1" width=12 height=12 alt="" border="0">AvW Index</a><br> <div id="divSub1" class="clSub"> <a href="#">Aktueller Kurs</a><br> <a href="#">Informationen</a><br> <a href="#">Unser Top Produkt</a><br>
</div><br> </div>
<div id="divTop2" class="clTop"><a href="#" onclick="menu(2); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA2" width=12 height=12 alt="" border="0">Das Unternehmen</a><br> <div id="divSub2" class="clSub"> <a href="#">Der Vorstand</a><br> <a href="#">Der Aufsichtsrat</a><br> <a href="#">Zahlen und Fakten</a><br> <a href="#">Immobilien in Österreich</a><br> <a href="#">Internationale Beteiligungen</a><br> <a href="#">Finanzdienstleistungen</a><br> </div><br> </div>
<div id="divTop3" class="clTop"><a href="#" onclick="menu(3); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA3" width=12 height=12 alt="" border="0">Investor Relations</a><br> <div id="divSub3" class="clSub"> <a href="#">Die Aktie</a><br> <a href="#">Der Aktienkurs</a><br> <a href="#">Börsentermine</a><br> </div><br> </div>
<div id="divTop4" class="clTop"><a href="#" onclick="menu(4); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA4" width=12 height=12 alt="" border="0">News</a><br> <div id="divSub4" class="clSub"> <a href="#">Quartalsbericht</a><br> <a href="#">Halbjahresbericht</a><br> <a href="#">Geschäftsbericht</a><br>
</div><br> </div>
<div id="divTop5" class="clTop"><a href="#" onclick="menu(5); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">Presse</a><br> <div id="divSub5" class="clSub">
</div><br>
<div id="divTop5" class="clTop"><a href="#" onclick="menu(5); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">Schulungen</a><br> <div id="divSub5" class="clSub">
</div><br> <div id="divTop5" class="clTop"><a href="#" onclick="menu(5); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">Kontakt</a><br> <div id="divSub5" class="clSub"> <a href="#">Finanzpartner</a><br> </div> <br> <div id="divTop5" class="clTop"><a href="#" onclick="menu(5); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">Links</a><br> <div id="divSub5" class="clSub">
</div>
</div> <!-- Here ends the foldoutmenu. -->
</BODY> </HTML>
Hi, Sandro
Warum vergleichst du das Script nicht mit dem Original? Ist IMHO der schnellste Weg, den Fehler zu finden. Es wäre auch besser, einen Link auf die Seite zu setzen, als solche Unmengen von Code zu posten ;-)
LG Orlando
Hi, Sandro
Hi!
Warum vergleichst du das Script nicht mit dem Original? Ist IMHO der schnellste Weg, den Fehler zu finden.
hab ich ja gewußt das sowas kommen wird,
Es wäre auch besser, einen Link auf die Seite zu setzen, als solche
Unmengen von Code zu posten ;-)
LG Orlando
aber ich kenne mich nunmal beim programmieren nicht so gut aus..(javascript,...)
und deshalb habe ich mir eine hilfeseite gesucht(was ja nicht verboten ist ;o)
und dieses script verändert,d.h.noch ein paar links dazu und das hat nicht so recht funktioniert,es wäre aber wichtig für mich!!
und da ich das system nicht so recht verstehe, weiß ich halt nicht was ich falsch gemacht habe...deshalb der mitgeschickte code!!!!
liebe grüße sandro
Hi, Sandro
hab ich ja gewußt das sowas kommen wird,
Was denn?
aber ich kenne mich nunmal beim programmieren nicht so gut aus..(javascript,...)
Das werfe ich dir bestimmt nicht vor.
und deshalb habe ich mir eine hilfeseite gesucht(was ja nicht verboten ist ;o)
Gut so, nur so kann man lernen.
und dieses script verändert,d.h.noch ein paar links dazu und das hat nicht so recht funktioniert,es wäre aber wichtig für mich!!
Für mich wäre es wichtig, dass du die Seite vor dem Posten hochlädst, damit man sie sich besser ansehen kann. Jetzt muss ich erst alles kopieren, meinen Editor anwerfen, die Seite irgendwo speichern. Umständlich, nicht? ;-)
und da ich das system nicht so recht verstehe, weiß ich halt nicht was ich falsch gemacht habe...deshalb der mitgeschickte code!!!!
Hm, wie gesagt, ist etwas viel. Aber gut... Sieh dir doch mal deinen Code in einer etwas übersichtlicheren Form an, dann wirst du es schnell bemerken:
<div id="divTop5" class="clTop"><a href="#" onclick="menu(5); return false" onfocus="this.blur()">
<img src="foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">Schulungen</a><br>
<div id="divSub5" class="clSub"></div><br>
<div id="divTop5" class="clTop"><a href="#" onclick="menu(5); return false" onfocus="this.blur()">
<img src="foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">Kontakt</a><br>
<div id="divSub5" class="clSub"><a href="#">Finanzpartner</a><br></div><br>
<div id="divTop5" class="clTop"><a href="#" onclick="menu(5); return false" onfocus="this.blur()">
<img src="foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">Links</a><br>
<div id="divSub5" class="clSub"></div>
Was macht denn der Kontakt-Link da in der Mitte? Der gehört ebenfalls in ein Konstrukt, wie die beiden anderen.
LG Orlando
hi orlando!
Danke!
Konstrukt-wie meinst das?könntest du mir das evt.ausbesser(wäre echt nett)-wie gesagt ich verstehs nicht ;o(...
liebe grüße sandro
Hi, Sandro
Tausche deinen Code gegen folgenden:
<div id="divTop5" class="clTop"><a href="#" onclick="menu(5); return false" onfocus="this.blur()">
<img src="foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">Kontakt</a><br>
<div id="divSub5" class="clSub"></div><br>
<div id="divTop5" class="clTop"><a href="#" onclick="menu(5); return false" onfocus="this.blur()">
<img src="foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">Finanzpartner</a><br>
<div id="divSub5" class="clSub"></div><br>
Ich bin zwar gegen solche Copy&Paste-Lösungen, aber _diesen_ Quelltext zu erklären, spare ich mir dann doch lieber ;-)
LG Orlando
Hi, Sandro
Tausche deinen Code gegen folgenden:
<div id="divTop5" class="clTop"><a href="#" onclick="menu(5); return false" onfocus="this.blur()">
<img src="foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">Kontakt</a><br>
<div id="divSub5" class="clSub"></div><br>
<div id="divTop5" class="clTop"><a href="#" onclick="menu(5); return false" onfocus="this.blur()">
<img src="foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">Finanzpartner</a><br>
<div id="divSub5" class="clSub"></div><br>
Ich bin zwar gegen solche Copy&Paste-Lösungen, aber _diesen_ Quelltext zu erklären, spare ich mir dann doch lieber ;-)
LG Orlando
hi orlando!
ich glaube du hast mich jetzt falsch verstanden, es soll ja so sein dass wenn ich auf kontakt klicke soll sich finanzpartner aufklappen und nicht als fester link dastehen..
hab ich nämlich jetzt versucht...aber es steht immer fix da!
danke vielleicht fällt dir ja noch was ein ;o)
lg sandro
Hi, Sandro
ich glaube du hast mich jetzt falsch verstanden, es soll ja so sein dass wenn ich auf kontakt klicke soll sich finanzpartner aufklappen und nicht als fester link dastehen..
Ja, das war zunächst ja gewollt, aber...
danke vielleicht fällt dir ja noch was ein ;o)
...ich habe einiges probiert, bekomme es jedoch nicht so hin, wie du es gerne hättest. Es ist bestimmt kein großartiger Fehler, nur hat er sich erfolgreich vor mir versteckt.
LG Orlando
hi orlando!
danke trotzdem für deine mühe...vielleicht komm ich ja noch drauf, in den nächsten paar jahren...;-)
es is immer so man findet keinen fehler und dann wenn doch is es irgendein kleiner s.... und man ärgert sich!
na,ja kann man nix machen-ich wünsch dir noch einen schönen abend und eine gute n8
lg sandro
Hallo Sandro,
also auch ich bin dem Fehler nicht auf die Schliche gekommen, aber auf ein paar gravierende Fehler will ich doch noch hinweisen:
Zu jedem <div> gehört auch ein </div>.
Du hast bei Deinem Code immer wieder einen </div> ausgelassen....
Außerdem lässt Du bei jedem neuen Menüeintrag id="divTop5" oder id="divSub5" stehen. Aber eine ID darf nur einmal vergeben werden. Also musst Du da schön weiter hochzählen.
Auch den onklick - Befehl musst Du anpassen. Also, so kann das einfach nicht gut gehen (wenn es 3 Peters gibt und Du sagst "gib Peter einen Bonbon", dann weiß der Angesprochene doch auch nicht, wer gemeint ist, oder?).
<div id="divTop5" class="clTop"><a href="#" onclick="menu(5); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">Presse</a><br>
<div id="divSub5" class="clSub">
</div><br>
<div id="divTop5" class="clTop"><a href="#" onclick="menu(5); return false" onfocus="this.blur()"><img src="foldoutmenu_arrow.gif" name="imgA5" width=12 height=12 alt="" border="0">Schulungen</a><br>
<div id="divSub5" class="clSub">
</div><br>
Außerdem: Wenn Du die Anzahl der Menüeinträge änderst, musst Du das im Skript weiter oben auch angeben, da steht:
FoldNumber = 6 //How many toplinks do you have?
Weiter hab ich mir den Code nicht angeschaut ... man muss ihn schon verstehen, um ihn einsetzen zu können.
Viele Grüße, Vedat