Archief - JS: Dropdown menu

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Cool ice

Legacy Member
Hey,

Ik heb dus een probleempje. Ik ben al enkel dagen op zoek naar een menu die open valt. Nu heb ik dit gevonden en werkt het voor een groot deel.
Zie hieronder dan ook de code. Maar nu zijn er enkele problemen. het 2de menu werkt samen met het eerste menu wat dus niet zou mogen.

En dan nu mijn 2de probleem; Ik zou dit graag in mijn site inporteren.
http://www.allinonesystems.be/products.php
In de Linkse kolom van producten.
En om die kolom aan te passen heb ik volgende pagina code.
Code:
<?PHP
$window_content = '
	<div style="margin-left: 3px;margin-top: 3px;margin-bottom:3px;">
	
<a href="behuizing.php">Behuizing</a> <br />
<a href="inkt.php">Cartridges & Toners</a><br />
<a href="cd.php">Cd/DVD/CD-RW/DVD-RW</a> <br />
<a href="cpucooling.php">Cooling</a> <br />
<a href="andere.php">Diversen</a> <br />
<a href="geheugen.php">Geheugen DDR</a> <br />
<a href="geheugen_ddr2.php">Geheugen DDR2</a> <br />
<a href="geheugen_stick.php">Geheugen Stick</a> <br />
<a href="geluidskaarten.php">Geluidskaarten</a> <br />
<a href="videokaartenagp.php">Grafische Kaarten AGP</a> <br />
<a href="videokaarten.php">Grafische Kaarten PCI-E</a> <br />
<a href="hardeschijven_ata.php">Harde Schijven ATA</a> <br />
<a href="hardeschijven_behuizing.php">Harde Schijven Behuizing</a> <br />
<a href="hardeschijven_sata.php">Harde Schijven SATA</a> <br />
<a href="headsets.php">Headsets & Microfoons</a> <br />
<a href="kabels.php">Kabels</a> <br />
<a href="kvm.php">KVM Switch</a> <br />
<a href="casemodding.php">Modding</a> <br />
<a href="moederbordenam2.php">Moederborden AM2</a> <br />
<a href="moederborden775.php">Moederborden Skt 775</a> <br />
<a href="monitors.php">Monitors</a> <br />
<a href="muismatten.php">Muismatten</a> <br />
<a href="muizen.php">Muizen</a> <br />
<a href="netwerk.php">Netwerk</a> <br />
<a href="printers.php">Printers</a> <br />
<a href="processoren.php">Processoren AMD</a><br />
<a href="processoren_intel.php">Processoren Intel</a><br />
<a href="promo.php">Promo / Laatste Stuks !!!</a><br />
<a href="scanners.php">Scanners</a> <br />

<a href="software.php">Software</a> <br />

<a href="speakers.php">Speakers</a> <br />

<a href="toetsenborden.php">Toetsenborden</a><br />

<a href="transport.php">Transport</a> <br />
<a href="tvkaarten.php">TV Kaarten</a> <br />

<a href="voedingen.php">Voedingen</a> <br />

<a href="webcam.php">Webcams</a> <br />

<a href="werkuren.php">Werkuren</a> <br />

</div>
';
?>

Code:
<html>
<head>


<script type="text/JavaScript">

<!--
function P7_swapClass(){ 
 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>


<script type="text/javascript">

<!--
function P7_writeStyles(op,a){
if(op==0||document.getElementById){var tS="<sty"+"le type=\"text/css\">";
tS+=a+"<"+"/sty"+"le>";document.write(tS);document.close();}
}
P7_writeStyles(1,'.closed ul{ display:none;}.open ul{ display:block;}');
//-->


</script>


</head>
<body>

<div id="p7swapmenu"> 
<ul>
<li class="open" id="p1"> 
<a href="#" onClick="P7_swapClass(1,'p1','open','closed','li')">Menu Trigger 1</a> 
<ul>
<li><a href="#">Link 1-1</a></li>
<li><a href="#">Link 1-2</a></li>
<li><a href="#">Link 1-3</a></li>
<li><a href="#">Link 1-4</a></li>
</div>


<div id="p7swapmenu"> 
<ul>
<li class="open" id="p1"> 
<a href="#" onClick="P7_swapClass(1,'p1','open','closed','li')">Menu Trigger 1</a> 
<ul>
<li><a href="#">Link 1-1</a></li>
<li><a href="#">Link 1-2</a></li>
<li><a href="#">Link 1-3</a></li>
<li><a href="#">Link 1-4</a></li>
</div>



</body>
</html>

Cool ice

Legacy Member
alvast bedankt om dit te veranderen.
Is hier echt niemand die dit voor me kan oplossen. Verhoeding valt te bespreken.

Cool ice

Legacy Member
Probleem opgelost.
Heb ineens een nieuwe website gekocht bij een gekende firma.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan