login  Naam:   Wachtwoord: 
Registreer je!
 Forum

foute functie?

Offline anton - 16/01/2009 20:23
Avatar van antonLid hoi ,
ik heb dus een aantal functies geschreven om , onclick een div te laten uit/inklappen. dat werkt perfect , nu heb ik een functie toegevoegd om als de gebruiker op een andere link klikt de andere div(als die openstaat) terug dicht te klappen , dat wilt hij dus niet doen...schrik niet van mijn script ik ben een javascript amateur...oplossingen zijn welkom maar ik zou het wel graag zo in 4 functies houden...en niet TE ingewikkeld graag xD
code:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function checkMenu(menuID){
  2. 	if(document.getElementById(menuID).style.visibility == "hidden"){
  3. 		getID();
  4. 		dropMenu(menuID);
  5. 	}
  6. 	else{
  7. 		unDropMenu(menuID);
  8. 	}
  9. }
  10.  
  11. function dropMenu(menuID){
  12. 	document.getElementById(menuID).style.visibility="visible";
  13. 	document.getElementById(menuID).style.display="block";
  14. 	document.getElementById(menuID).style.borderLeftColor="#0C6";
  15. 	document.getElementById(menuID).style.borderLeft="medium";
  16. }
  17.  
  18. function unDropMenu(menuID){
  19. 	document.getElementById(menuID).style.visibility="hidden";
  20. 	document.getElementById(menuID).style.display="none";
  21. }
  22.  
  23. function getID(){
  24. 	var i = document.getElementsByTagName('div');
  25. 	for(x=0;x < i;x++){
  26. 		var y = document.getElementById(x).style.visibility;
  27. 		if(y == "visible"){
  28. 			unDropMenu(x);
  29. 		}
  30. 	}
  31. }

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="javascript: checkMenu('0')">Wie behoort er tot de Crew en wie niet?</a><br><div align="left" id="0" style="visibility: 	 			hidden" style="display:none" class="div1"><p align="justify">blabla</div>
  2. <a href="javascript: checkMenu('1')">Wat houden alle rangen precies is?</a><br><div align="justify" id="1" style="visibility 			:hidden" style="display:none" class="div1"><p align="justify">blabla2</div>

tHx alvast

1 antwoord

Gesponsorde links
Offline Martijn - 17/01/2009 15:02
Avatar van Martijn Crew PHP als je nou deze dingen:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. document.getElementById(menuID).style.display="block";
  2. document.getElementById(menuID).style.borderLeftColor="#0C6";
  3. document.getElementById(menuID).style.borderLeft="medium";

nou gewoon in je dic style zet, en dan met js doen

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. function klapInUit(menuID){
  2.   if(document.getElementById(menuID).style.visibility == "hidden"){
  3.      document.getElementById(menuID).style.visibility ="visible";
  4.      }
  5.   else{
  6.      document.getElementById(menuID).style.visibility ="hidden";
  7.      }
  8.   }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.181s