[js][html] dwu-poziomowe menu - problem Opcje

[puz219]

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 
<li><a href="#" onmouseover="switchid('nav_category_home')" class="zaznaczone"><span>Strona Główna</span></a></li>
<li><a href="#"><span>Forum</span></a></li>
<li><a href="#" onmouseover="switchid('nav_category_contact')"><span>Kontakt</span></a></li>
<li><a href="#"><span>Inny</span></a></li>
<li><a href="#"><span>Inny</span></a></li>
<li><a href="#"><span>Inny</span></a></li>
[HTML] pobierz, plaintext 

#zawartości

[HTML] pobierz, plaintext 
<div id="navbar_submenus" align="center">
 
<div id="nav_category_home">
<img src="images/button1.png" border="0" style="vertical-align: middle;" />
<img src="images/button2.png" border="0" style="vertical-align: middle;" />
<img src="images/button3.png" border="0" style="vertical-align: middle;" />
</div>
 
<div id="nav_category_contact" style="display: none;">
<A href="#" onclick="show_contactform()">Zadaj pytanie</a>
</div>
</div>
[HTML] pobierz, plaintext 

i teraz funkcje odpowiedzialne za zmiane treści

[HTML] pobierz, plaintext 
<script language="JavaScript">
var ids=new Array('nav_category_home','nav_category_contact');
function switchid(id){	
	hideallids();
	showdiv(id);
}
 
function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++){
		hidediv(ids[i]);
	}		  
}
 
function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}
 
function showdiv(id) {
	//safe function to show an element with a specified id
 
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}
</script>
[HTML] pobierz, plaintext 

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

Ten post edytował puz219 7.05.2008, 17:01:09