Navigation will noch nicht so wie ich[Javascript]

Trok · 22.12.2008, 20:31

Moin Leutz

Hoffe alles easy bei euch!

Code grad meine navi für mein Project aber irgentwie bleibt grad alles stehen hoffe find hier schnell hilfe!

PHP-Code:

  <html>
<head>
<title>Powerd by Trok</title>
<style type="text/css">
body{
margin:0px;

}
.navibox{
width:146px;
margin:100px auto;
}
.navi{
background:url(navibla.html) no-repeat
text-align:left;
list-style:none;
width:146px;
display:inline;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.navi li{
background:url(../navibg.jpg) no-repeat;
width:146px;
height:22px;
}
.navi a{
display:block;
color:#000000;
text-decoration:none;
font-size:16px;
font:Arial, Helvetica, sans-serif;
padding-left:10px;
}
.navi22{
visibility: visible;
Left: 10px;
Top: 0px;
Width: 120px;
}
.sichtbar{display:;
}
.unsichtbar{display: none;
}
</style>

<script language="JavaScript">
var start = 0;
function navigation(x){
var aktuell = x; 
var sichtbar = "Untermenue" + aktuell + ".className='sichtbar'";
var unsichtbar ="Untermenue" + aktuell + ".className='unsichtbar'";

if(start < 1){
document.all.Untermenue1.className='sichtbar';
start++;
}
else
if(start ==1){ 
document.all.Untermenue1.className='unsichtbar';
start--;
}
}
</script>

</head>
<body>
<div class="navibox">
<ul class="navi">
<li id="Verlag" class="navi22" onClick="navigation(1)">HTML
<li id="Untermenue1" class="unsichtbar">Vorwort

<li id="Verlag" class="navi22" onClick="navigation(2)">CSS
<li id="Untermenue2" class="unsichtbar">Vorwort
[/list]</div>


</body>
</html>

Wen man jetzt die Navi öffnet im Brower mus man manchmal 2 mal auf einen Punkt klicken damit sie aufgeht das darf so auf garkeinen fall bleiben!

gruß

disler · 24.12.2008, 09:00

habe deinen Code mal kopiert! und angeschaut!

Also, ich muss nur einmal draufklicken!

Ich empfehle dir noch, am Anfang folgendes einzufügen:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

FoX · 30.12.2008, 23:00

du kannst in javascript per DOM das element direct ansprechen
... .style.display = 'none';
versuchs mal hiermit (hab ich selbst gemacht ;D)

Code:

/*
Simple DropDown

Verwenden mittels Bsp.:
zeigen = onmouseover="dropdown('zielID', '1')"
verstecken = onmouseout="dropdown('zielID', '0')" // O oder eine andere zahl AUSSER 1
*/

function dropdown(id, an) {
		if (an == 1){
			document.getElementById(id).style.display = 'block'
		}
		else {
			document.getElementById(id).style.display = 'none'
		}; 
	};

bei fragen adde mich bitte in icq

MfG
FoX ;D

Sie betrachten gerade: Navigation will noch nicht so wie ich[Javascript]