Newsgroup: it.comp.lang.javascript
Titolo: Aiuto per aggiunta tab dinamicamente

Salve a tutti, dovrei creare una pagina web con una textarea di default 
contenuta in un div con un tab, e poi oltre questo tab averne un secondo 
per poter creare altri div con delle textarea.
per farlo sto usando questo codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"
http://www.w3.org/TR/html4/loose.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
">
  <head>
   <script type="text/javascript">
    function function1(){
     var element = '<li id="due">due</li>';
     var myElement = document.createElement(element);
   	//document.insertBefore(element, 'addnew');
   	document.getElementById('lists').innerHTML('<li id="due">due</li>');
    }
   </script>
  </head>
  <body id="myBody">
   <ul id="lists">
    <li id="uno">Uno</li>
    <li id="addnew"><a href="javascript: function1();">Aggiungi 
nuovo</a></li>
   </ul>
  </body>
</html>
ï¿œ solo un esempio per prendere familiritï¿œ con javascript.
Purtroppo perï¿œ il codice sopra non so se mi aggiunge o meno il nuovo 
elemento alla pagina dato che non riesco a visualizzarlo, a meno di non 
scrivere nel documento andando a perdere perï¿œ la pagina iniziale.
Qualcuno saprebbe indicarmi come poter aggiungere dinamicamente elementi 
alla pagina e visualizzarli correttamente?
Ho cercato anche in rete ma non sono riuscito a trovare nessuna 
informazione utile

    	document.getElementById('lists').innerHTML('<li id="due">due</
li>');
con questo sovrascrivi tutta la lista, non è quello che vuoi.


Grazie mille Cristiano, poi nella serata di ieri sera alcuni 
miglioramenti li avevo fatti, m acome ha detto nell' ultima parte 
insertBefore mi agisce come l' appendChild, come posso dare il parametro 
giusto ad insertBefore?
Grazie, Patrick

Il 29/06/2011 08:35, Cristiano Larghi ha scritto:

Cristiano, grazie per l' aiuto, sono riuscito a risolvere facendo si che 
ora gli elementi nuovi entrino al posto giusto.
Ti metto di seguito il codice usato puoi dirmi se c'è un modo più 
elegante per svolgere questa operazione?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"
http://www.w3.org/TR/html4/loose.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
">
  <head>
   <script type="text/javascript">
    function function1(){
     var myElement = document.createElement('li');
     myElement.id = "due";
     var name = document.createTextNode("Due");
     myElement.innerText = 'Due';
   	document.getElementById('lists').insertBefore(myElement, 
document.getElementById('addnew'));
    }
   </script>
  </head>
  <body id="myBody">
   <ul id="lists">
    <li id="uno">Uno</li>
    <li id="addnew"><a href="javascript: function1();">Aggiungi 
nuovo</a></li>
   </ul>
  </body>
</html>
E se c'è potresti/e darmi indicazioni su come aggiungere un "tab" con la 
select per poter selezionare la lingua e dopo averla selezionata creare 
il div che conterrà la textarea?
Grazie Patrick.

 il div che conterrà la textarea?
io non ho capito cosa sia questo "tab" di cui parli ...

 io non ho capito cosa sia questo "tab" di cui parli ...
Ciao Cristiano, grazie per il supporto e il tempo dedicatomi. I tab a 
cui sto facendo riferimento sono tipo questi:
http://www.elated.com/res/File/articles/development/javascript/document-object-model/javascript-tabs/javascript-tabs.html
dovrei creare una pagina con una textarea nella lingua di default, e un 
"tab" per aggiungerne di nuovi. oggi mentre pensavo a come poter far 
scegliere la lingua/e aggiuntiva/e ho pensato di usare un drop box non 
so se si chiamino così i div a pop-up, facendo scegliere all' utente la 
lingua desiderata e ritornandone il nome. Sapresti indicarmi la strada 
per creare questi pop-up.
Grazie Patrick