Jump to content
php.lv forumi

liste ir, liste nav


andrisp

Recommended Posts

piemeeram, ir

 

+blabla1

+blabla2

+blabla3

+blabla4

 

iedodiet luudzu taadu simple piemeeru izmantojot javascriptu, kaa var panaatk lai, piemeeram, nospiezhot uz 'blabla2' paraadiitos kautkaa shitaa

 

+blabla1

-blabla2

- ta taa

- ti tii

- tu tuu

+blabla3

+blabla4

 

un protams arii reversi - pazuud ja nospiezh otreiz..

 

vislabaakais buutu ja izmantotu html listes

 

paliidzeesiet?

Link to comment
Share on other sites

display:none/block switchoshana

19001[/snapback]

 

taa jau sapratu,

tipa man vajag ar onClick paliidziibu izsaukt javascriptu, kas piemeeram uztaisa display: block, un arii preteeji..

 

bet kaa to tiiri tehniski izdariit ?

Link to comment
Share on other sites

taa jau sapratu,

tipa man vajag ar onClick paliidziibu izsaukt javascriptu, kas piemeeram uztaisa display: block, un arii preteeji..

 

bet kaa to tiiri tehniski izdariit ?

19002[/snapback]

 

bļāviens, tev jau takš pateica...

Link to comment
Share on other sites

Vienlīmeņa meņu. Iekš #tree elementā katra li itema jābūt vienam <a> elementam un vienam <ul> elementam.

<html>
<head>
<script type="text/javascript">
 function toggle(evt) {
       var el = null;
// IE un FF atšķirības
 if (!evt && window.event) evt = window.event;
       if (evt.target) {
           el = (evt.target.nodeType == 3) ? evt.target.parentNode : evt.target;
       } else {
           el = evt.srcElement;
       }
//
 var ul = el.parentNode.getElementsByTagName('ul');
 if (ul.length>0) {
           ul[0].style.display = (ul[0].style.display=='none' ? '' : 'none');
       }
   }
 
   window.onload = function() {
       var tree = document.getElementById('tree');
       for (var i=0, len=tree.childNodes.length; i<len; i++) {
           var node = tree.childNodes[i];
           if (node.nodeName.toLowerCase()=='li') {
               var a = node.getElementsByTagName('a');
               if (a.length>0) a[0].onclick = toggle;
               var ul = node.getElementsByTagName('ul');
               if (ul.length>0) ul[0].style.display = 'none';
           }
       }
   }
</script>
</head><body>
 <ul id="tree">
   <li><a href="#">Folder1</a>
     <ul>
       <li><a href="#">1.1</a></li>
       <li><a href="#">1.2</a></li>
       <li><a href="#">1.3</a></li>
     </ul>
   </li>
   <li><a href="#">Folder2</a>
     <ul>
       <li><a href="#">2.1</a></li>
       <li><a href="#">2.2</a></li>
     </ul>
   </li>
</body></html>

Link to comment
Share on other sites

×
×
  • Create New...