Witam.

Zrobiłem sobie dwu-poziomowe menu (coś jak na np. filmweb.pl), czyli mam główna kategorię, po najechaniu na nią myszką rozwija sie drugi pasek z podkategoriami.

I teraz problem polega na tym, że chciałbym zrobić tak, żeby po najechaniu na podkategorię nie wracało mi do domyślnej kategorii. Kombinowałem już z onmouseout, ale jakoś nic nie wychodzi.

Przez domyslna kategorię mam na myśli diva "nav_category_home", bo zrobiłem tak, że po zabraniu myszki z przycisku wraca do tego domyslengo diva, ale wtedy nie mogę najechac na podkategorię, bo wiadomo, wraca do domyslnej

Oto kod:
#główne kategorie:
[HTML] pobierz, plaintext 
  1. <li><a href="#" onmouseover="switchid('nav_category_home')" class="zaznaczone"><span>Strona Główna</span></a></li>
  2. <li><a href="#"><span>Forum</span></a></li>
  3. <li><a href="#" onmouseover="switchid('nav_category_contact')"><span>Kontakt</span></a></li>
  4. <li><a href="#"><span>Inny</span></a></li>
  5. <li><a href="#"><span>Inny</span></a></li>
  6. <li><a href="#"><span>Inny</span></a></li>
[HTML] pobierz, plaintext


#zawartości
[HTML] pobierz, plaintext 
  1. <div id="navbar_submenus" align="center">
  2.  
  3. <div id="nav_category_home">
  4. <img src="images/button1.png" border="0" style="vertical-align: middle;" />
  5. <img src="images/button2.png" border="0" style="vertical-align: middle;" />
  6. <img src="images/button3.png" border="0" style="vertical-align: middle;" />
  7. </div>
  8.  
  9. <div id="nav_category_contact" style="display: none;">
  10. <A href="#" onclick="show_contactform()">Zadaj pytanie</a>
  11. </div>
  12. </div>
[HTML] pobierz, plaintext


i teraz funkcje odpowiedzialne za zmiane treści
[HTML] pobierz, plaintext 
  1. <script language="JavaScript">
  2. var ids=new Array('nav_category_home','nav_category_contact');
  3. function switchid(id){	
  4. 	hideallids();
  5. 	showdiv(id);
  6. }
  7.  
  8. function hideallids(){
  9. 	//loop through the array and hide each element by id
  10. 	for (var i=0;i<ids.length;i++){
  11. 		hidediv(ids[i]);
  12. 	}		  
  13. }
  14.  
  15. function hidediv(id) {
  16. 	//safe function to hide an element with a specified id
  17. 	if (document.getElementById) { // DOM3 = IE5, NS6
  18. 		document.getElementById(id).style.display = 'none';
  19. 	}
  20. 	else {
  21. 		if (document.layers) { // Netscape 4
  22. 			document.id.display = 'none';
  23. 		}
  24. 		else { // IE 4
  25. 			document.all.id.style.display = 'none';
  26. 		}
  27. 	}
  28. }
  29.  
  30. function showdiv(id) {
  31. 	//safe function to show an element with a specified id
  32.  
  33. 	if (document.getElementById) { // DOM3 = IE5, NS6
  34. 		document.getElementById(id).style.display = 'block';
  35. 	}
  36. 	else {
  37. 		if (document.layers) { // Netscape 4
  38. 			document.id.display = 'block';
  39. 		}
  40. 		else { // IE 4
  41. 			document.all.id.style.display = 'block';
  42. 		}
  43. 	}
  44. }
  45. </script>
[HTML] pobierz, plaintext


Proszę o pomoc, bo sam nie jestem w stanie nic wymyślić