Aide de navigation Javascript

Je travaille sur un petit script où il y a des éléments de liste. Si vous vous référez au code ci-dessous, vous remarquerez qu'il y a 15 éléments de liste. Maintenant, je veux juste afficher 9 d'entre eux disent que le journal de l'utilisateur dans la première fois les neuf premiers devraient être affichés maintenant s'il clique sur la liste non. 7 alors la liste n ° 3, 4, 5, 6, 7, 8, 9, 10, 11 devrait être affichée.Aide de navigation Javascript

Dois-je donner un identifiant à chaque liste?

Merci

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head> 
     <title>Title</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <link href="/library/styles/styles.css" rel="stylesheet" type="text/css" /> 
    </head> 
    <body> 
     <ul id="list1"> 
      <li><a href="1">1</a></li> 
      <li><a href="2">2</a></li> 
      <li><a href="3">3</a></li> 
      <li><a href="4">4</a></li> 
      <li><a href="5">5</a></li> 
      <li><a href="6">6</a></li> 
      <li><a href="7">7</a></li> 
      <li><a href="8">8</a></li> 
      <li><a href="9">9</a></li> 
      <li><a href="10">10</a></li> 
      <li><a href="11">11</a></li> 
      <li><a href="12">12</a></li> 
      <li><a href="13">13</a></li> 
      <li><a href="14">14</a></li> 
      <li><a href="15">15</a></li> 
     </ul> 
     <!-- start: javascripts --> 
     <script type="text/javascript"> 
      var ul = document.getElementById("list1"); 
      var liNodes = []; 

      for (var i = 0; i < ul.childNodes.length; i++) { 
       if (ul.childNodes[i].nodeName == "LI") { 
        liNodes.push(ul.childNodes[i]); 
       } 
      } 

      document.write("LiNodes:" +liNodes.length); 
      if (liNodes.length < 9) { 
       display_nine(); 
      } 

      function display_nine() { 
      } 
     </script> 
     <!-- end: javascripts --> 
    </body> 
</html>

Source

2010-02-16 kjkjl

Je trouve votre question plutôt difficile à suivre - peut-être si vous avez réécrit cette phrase "Maintenant, je veux juste ... devrait être affiché." pour le rendre plus clair, cela aiderait. En outre, vous pouvez trier votre utilisation de "liste" vs "élément de la liste" – Polsonby

Il est également difficile de dire ce que vous entendez par "lorsque l'utilisateur se connecte". –

Vous pouvez le faire avec CSS et JavaScript ou tout simplement JavaScript.

CSS:

pour masquer

display: none;

Afficher

Afficher: bloc;

Ensuite, attribuez-leur un identifiant. Réglez le cache à display: none puis en JavaScript configuré pour bloquer lorsque l'utilisateur clique sur le numéro 7.

JavaScript:

Ecrire le code HTML de la liste en fonction de l'interaction utilisateur

document.write('<li><a href="13">13</a></li>');

Et utilisez un appel de fonction pour le numéro sept pour écrire la liste entière lorsque vous cliquez dessus.

Vous pouvez également placer ceci dans un DIV et réécrire la liste dans la DIV en fonction de l'interaction de l'utilisateur.

Source

2010-02-16 18:38:13

Répondre

Questions connexes