Creare dinamicamente una lista <ul>

**Shiroga** · 11-05-2014, 11:46

Buon giorno, vi espongo il mio problema. Ho scritto una funzione che mi possa inserire dinamicamente una lista ma non sono riuscito a farla funzionare. Potreste aiutarmi?

file index.html

codice:

   
 <head>
    <script type="text/javascript" href="../js/dinamicalElement.js"></script>
  </head> 
  <table> 
       <tr>
            <td id="menu">
                <div id="menu"> menu </div>
            </td>
            <td id="body">
                <div id="sub-menu">
                     <script type="text/javascript">
                        generateUlList('Crea'); generateUlList('Aggiorna');
                    </script>
                </div>
                <div id="body"> </div>
             </td>
        </tr>
   </table>

file js

codice:

    function generateUlList(text) {            
var div = document.getElementById('sub-menu');    a = document.createElement('a');
    a.href =  'javascript:;'; 
    a.appendChild(document.createTextNode(text)); 
  
    var ul = document.createElement("ul");
    var li = document.createElement("li");
    li.appendChild(a);
    ul.appendChild(li);
    div.appendChild(ul);
    document.getElementByTagName

}

il file non viene correttamente incluso, infatti non mi riconosce la funzione, però il path è giusto, per i css funziona...

**tampertools** · 11-05-2014, 14:08

Qui non hai finio la riga
document.getElementByTagName

**robynosse** · 11-05-2014, 14:12

Così funziona:

codice:

 <head>
  <script type="text/javascript">
   
    function generateUlList(text) {            
      var div = document.getElementById('sub-menu');    
      var a = document.createElement('a');
      a.href =  'javascript:;'; 
      var testo=document.createTextNode(text);
      a.appendChild(testo); 
      
      var ul = document.createElement("ul");
      var li = document.createElement("li");
      li.appendChild(a);
      ul.appendChild(li);
      div.appendChild(ul);
      


    }
  </script>
</head> 
<table> 
 <tr>
  <td id="menu">
    <div id="menu"> menu </div>
  </td>
  <td id="body">
    <div id="sub-menu">
     <script type="text/javascript">
      generateUlList('Crea'); generateUlList('Aggiorna');
    </script>


  </div>
  <div id="body"> </div>
</td>
</tr>
</table>

**Shiroga** · 11-05-2014, 15:42

Originariamente inviata da tampertools

Qui non hai finio la riga
document.getElementByTagName

Quel pezzo è stato eliminato, era solo una dimenticanza, comunque il codice funziona perfettamente se lo scrivo nella pagina, ma per una questione di ordine e praticità vorrei esportarlo in un altro file, l'ho fatto altre volte, però questa volta non funziona

**abellos** · 11-05-2014, 18:53

Ciao, nel primo post includi il file js in questo modo:

codice:

<script type="text/javascript" href="../js/dinamicalElement.js"></script>

non esiste l'attributo href per il tag script, il modo corretto e' questo:

codice:

<script type="text/javascript" src="../js/dinamicalElement.js"></script>

**Shiroga** · 12-05-2014, 18:42

Non so ma comunque non funziona

**abellos** · 12-05-2014, 19:16

allora ho copiato il codice del tuo post #3 ho provato a metterlo in un file esterno e mi fa la stessa cosa di averlo nella pagina, no notato che nel codice non hai messo il body potrebbe essere quello il problema
per curiosita cosa metti nel js esterno? puoi postarlo?

Discussione: Creare dinamicamente una lista <ul>

Strumenti discussione

Ricerca discussione

Visualizza

Creare dinamicamente una lista <ul>

Permessi di invio