Vairāki Hide/Unhide

[tirlinjsh]

Sveiki.

Ir tāda lieta, ka bija nepieciešams scripts, kas atslēpj menu kastīti un noslēpj to, tad, kad uzklikšķina jebkur ārpus menu kastītes.

Atradu ļoti labu scriptu, kurš darbojas kā nākas, taču līdz ko gribēju šo scriptu izmantot vēl vienai menu kastītei, tā vairs nekas nedarbojas.

 

Tātad, te ir pats JS

 

<script type="text/javascript"> 
document.onclick=check; 
function check(e){ 
var target = (e && e.target) || (event && event.srcElement); 
var obj = document.getElementById('menu1'); 
var obj2 = document.getElementById('show_menu1'); 
if(target!=obj&&target!=obj2){obj.style.display='none'} 
else if(target==obj2){obj.style.display='block'} 
} 
</script> 

 

Tātad, ir links: <a href=# id=menu1>

un pats menu: <div id=menu1> </div>

un iekš css šim div ir display: none;

 

Taču ir arī menu2, kuru man vajag šādi pat atslēpt un noslēpt.

 

Domāju, ka vienkārši paņemšu šo pašu JS , copy/paste, samainu menu1 un show_menu1 pret menu2 un show_menu2, bet tā tas laikam netiek darīts, tādēļ gribētos skaidrību, kā šī JS funkcija ir izmantojama vairākkārt priekš citiem objektiem kas ir jāpaslēpj un jāatslēpj.

Edited November 30, 2010 by tirlinjsh

[e-remit]

Moš nemocies, bet vnk. izmanto jquery http://api.jquery.com/hide/

[EdgarsK]

iesku lietot jQuery būs 99% ātrāk un kvalitatīvāk nekā pašam censties visu js rakstīt.

 

ja jQuery tad

 

<script type="text/javascript">
$(function(){
$("div",$("#navigation")).each(function(){
	$(this).hide();
});
$("a",$("#navigation")).each(function(){
	if($(this).attr('param')){
		$(this).mouseenter(function(){
			$("#"+$(this).attr('param')).show();
		}).mouseleave(function(){
			$("#"+$(this).attr('param')).hide();
		});
	}
});
});
</script>

<div id="navigation">

<a href="javascript:;" param="menu1">Mans menu 1</a>
<div id="menu1">
	<a href="http://www.php.lv/">php.lv</a>
	<a href="http://www.php.lv/">php.lv</a>
	<a href="http://www.php.lv/">php.lv</a>
	<a href="http://www.php.lv/">php.lv</a>
</div>

<a href="javascript:;" param="menu2">Mans menu 2</a>
<div id="menu2">
	<a href="http://www.php.lv/">php.lv</a>
	<a href="http://www.php.lv/">php.lv</a>
	<a href="http://www.php.lv/">php.lv</a>
	<a href="http://www.php.lv/">php.lv</a>
</div>

</div>

[tirlinjsh]

Paldies, bet šeit ir ar peles uzbīdīšanu, bet vajag lai tas viss notiktos uzklikšķinot uz linka un uzklikšķinot jebkur ārpus menu.

[daGrevis]

Izmanto fn click()! ^__^

[briedis]

Pirmais nestrādā visdrīzāk tāpēc, ka nedrīkst būt vienāds id vairākiem elementiem.

[e-remit]

Paldies, bet šeit ir ar peles uzbīdīšanu, bet vajag lai tas viss notiktos uzklikšķinot uz linka un uzklikšķinot jebkur ārpus menu.

Tieši tāpēc man nepatīk dot gatavas receptes, bet tikai virzienu, jo ar gatavu cilvēki nedomā... :(

[marcis]

@EdgarsA tie each'i tev tur ir pilnīgi lieki :)