menu - display:none/block

[Evi]

hi, ir piem shaads JS, kas straadaa, tas ir, uz peles click paraada/pasleepj textu.

 

<script type="text/javascript">
var mynodes = new Array("one","two","three");
function show(das){
  for(var i=0; i<mynodes.length;i++){
if(mynodes[i] == das){ 
	document.getElementById(mynodes[i]).style.display='block'; 
}else{
	document.getElementById(mynodes[i]).style.display='none';
  }
}
}
</script>

<a href="java script:show('one');">Text show</a>
<div style="display:none" id="one">
  Text text text ...
</div>
<a href="java script:show('two');">Text show</a>
<div style="display:none" id="two">
  Text text text ...
</div>

 

Bet vai ar JS var uztaisiit taa, lai HTML struktuura buutu shaada un to java script:show('two'); f-ju ielikt ieksh .js, tip getElementByhref vai kkaa taa, lai izmanto taa href mainiigo:

<a href="#one">Text show</a>
<div style="display:none" id="one">
  Text text text ...
</div>
<a href="#two">Text show</a>
<div style="display:none" id="two">
  Text text text ...
</div>

[andrisp]

1. Piešķir speciālu klasi visiem šiem linkiem

2. Ar getElementsByTagName dabūt visus a elementus

3. Ej tiem cauri un skaties, kuriem ir tā speciālā klasa.

4. Kad atrodi, tad paskaties kāda ir href vērtība un pieliec eventu, kas izsauc to metodi, padodot tai href vērtību.

 

2. un 3. punktu vari saīsināt, ja pameklēsi gūglē: getElementsByClassName.

[GedroX]

Iesaku papētīt jQuery. Tajā ļoti viegli izmantojot CSS selector-us uzdod vairākiem objektiem īpašības/ metodes.

 

Vienkāršs piemērs (pēdējais).

Edited February 26, 2008 by GedroX