Hallo zusammen,
hab bei projectseven mein navigation gefunden, und kann es anpassen, aber leider ein kleines problem, und zwar ich kann die inhalte nicht einfügen lassen. ich bin in javascript ein newbie.
hab auch versucht die navigation per require/include anzeigen zu lassen aber geht nicht.
hier den code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Swap Class Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //Updated by PVII. Reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) history.go(0);
}
MM_reloadPage(true);
function P7_swapClass(){ //v1.4 by PVII
var i,x,tB,j=0,tA=new Array(),arg=P7_swapClass.arguments;
if(document.getElementsByTagName){for(i=4;i<arg.length;i++){tB=document.getElementsByTagName(arg[i]);
for(x=0;x<tB.length;x++){tA[j]=tB[x];j++;}}for(i=0;i<tA.length;i++){
if(tA[i].className){if(tA[i].id==arg[1]){if(arg[0]==1){
tA[i].className=(tA[i].className==arg[3])?arg[2]:arg[3];}else{tA[i].className=arg[2];}
}else if(arg[0]==1 && arg[1]=='none'){if(tA[i].className==arg[2] || tA[i].className==arg[3]){
tA[i].className=(tA[i].className==arg[3])?arg[2]:arg[3];}
}else if(tA[i].className==arg[2]){tA[i].className=arg[3];}}}}
}
//-->
</script>
<link rel="stylesheet" href="s.css" type="text/css">
</head>
<body onLoad="P7_swapClass(0,'none','showIt','hideIt','div');P7_swapClass(0,'none','menuButBlank','menuButPlus','img');P7_swapClass(0,'none','expBlank','expandIt','img');P7_swapClass(0,'none','expBlank2','expandIt2','img');P7_swapClass(0,'mn1','showIt','hideIt','div');P7_swapClass(0,'but1','menuButMinus','menuButPlus','img')">
<div id="menuLayer" style="position:absolute; width:160px; z-index:2; left: 10; top: 0; height: 100%;" class="menuDiv">
<p class="controlP" onClick="P7_swapClass(0,'none','hideIt','showIt','div');P7_swapClass(0,'none','menuButPlus','menuButMinus','img')"><img src="images/expandblank.gif" width="140" height="28" alt="Expand All Menus" class="expBlank"></p>
<p class="controlP" onClick="P7_swapClass(0,'none','showIt','hideIt','div');P7_swapClass(0,'none','menuButMinus','menuButPlus','img')"><img src="images/expandblank.gif" width="140" height="28" alt="Close All Menus" class="expBlank2"></p>
<p class="menuDivHeader" onClick="P7_swapClass(1,'mn1','showIt','hideIt','div');P7_swapClass(1,'but1','menuButMinus','menuButPlus','img')"><img src="images/menblank.gif" width="9" height="9" class="menuButBlank" alt="" id="but1">Menu 1</p>
<div id="mn1" class="showIt">
<p class="subLinks"><img src="images/pagemarker.gif" width="9" height="9" class="menuMarker" alt=""> <a href="javascript
:;">Link 1</a></p>
<p class="subLinks"><img src="images/pagemarker.gif" width="9" height="9" class="menuMarker" alt=""> <a href="javascript
:;">Link 2</a></p>
<p class="subLinks"><img src="images/pagemarker.gif" width="9" height="9" class="menuMarker" alt=""> <a href="javascript
:;">Link 3</a></p>
</div>
<p class="menuDivHeader" onClick="P7_swapClass(1,'mn2','showIt','hideIt','div');P7_swapClass(1,'but2','menuButMinus','menuButPlus','img')"><img src="images/menblank.gif" width="9" height="9" class="menuButBlank" alt="" id="but2">Menu 2</p>
<div id="mn2" class="showIt">
<p class="subLinks"><img src="images/pagemarker.gif" width="9" height="9" class="menuMarker" alt=""> <a href="javascript
:;">Link 4</a></p>
<p class="subLinks"><img src="images/pagemarker.gif" width="9" height="9" class="menuMarker" alt=""> <a href="javascript
:;">Link 5</a></p>
<p class="subLinks"><img src="images/pagemarker.gif" width="9" height="9" class="menuMarker" alt=""> <a href="javascript
:;">Link 6</a></p>
<p class="subLinks"><img src="images/pagemarker.gif" width="9" height="9" class="menuMarker" alt=""> <a href="javascript
:;">Link 7</a></p>
<p class="subLinks"><img src="images/pagemarker.gif" width="9" height="9" class="menuMarker" alt=""> <a href="javascript
:;">Link 8</a></p>
</div>
<p class="menuDivHeader" onClick="P7_swapClass(1,'mn3','showIt','hideIt','div');P7_swapClass(1,'but3','menuButMinus','menuButPlus','img')"><img src="images/menblank.gif" width="9" height="9" class="menuButBlank" alt="" id="but3">Menu 2</p>
<div id="mn3" class="showIt">
<p class="subLinks"><img src="images/pagemarker.gif" width="9" height="9" class="menuMarker" alt=""> <a href="javascript
:;">Link 4</a></p>
<p class="subLinks"><img src="images/pagemarker.gif" width="9" height="9" class="menuMarker" alt=""> <a href="javascript
:;">Link 5</a></p>
<p class="subLinks"><img src="images/pagemarker.gif" width="9" height="9" class="menuMarker" alt=""> <a href="javascript
:;">Link 6</a></p>
<p class="subLinks"><img src="images/pagemarker.gif" width="9" height="9" class="menuMarker" alt=""> <a href="javascript
:;">Link 7</a></p>
<p class="subLinks"><img src="images/pagemarker.gif" width="9" height="9" class="menuMarker" alt=""> <a href="javascript
:;">Link 8</a></p>
</div>
</div>
</body>
</html>
