Visualizzazione dei risultati da 1 a 4 su 4

Discussione: Duplicare div dinamico

  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    3

    Duplicare div dinamico

    Ragazzi ho un problema devo duplicare questa parte di codice html:

    <table cellpadding=5 id=tabella0>
    <tr>---------------------------------------------------------------------------------------------------</tr>
    <tr align=center><td>[b]Attivit‡</td><td>[b]Tipologia</td></tr>
    <tbody>
    <tr>
    <td>
    <select name=attivita onchange=loadXMLDoc(this.value,'NULL','tip0','atti vita')>
    <option value=none>Seleziona Attivit‡</option>
    <option value=Aggiornamento>Aggiornamento</option>
    <option value=Archiviazione>Archiviazione</option>
    <option value=Creazione>Creazione</option>
    <option value=Emissione>Emissione</option>
    <option value=Indicizzazione>Indicizzazione</option>
    <option value=Masterizzazione>Masterizzazione</option>
    <option value='Ricerca Disegni'>Ricerca Disegni</option>
    <option value='Ricerca Relazioni'>Ricerca Relazioni</option>
    <option value=Scansione>Scansione</option>
    <option value=Stampe>Stampe</option>
    </select>
    </td>
    <td>
    <div id=tip0>
    <select name=Tipologia onchange=loadXMLDoc(attivita.value,this.value,'for mDin0','tipologia')>
    <option value=none>Seleziona Tipologia</option>
    </select>
    </div>
    </td>
    </tr>
    </tbody>
    </table>

    <table>
    <tr>
    <td>
    <div id=formDin0>

    </div>
    </td>
    </tr>
    </table>



    <table>
    <tr>
    <td>
    <input type=button value="Aggiungi attivit‡" onClick="addActivity()">
    </td>
    </tr>
    </table>


    uso questa funzione js ma non funziona:
    var number=1;
    function addActivity(){
    if(document.createElement && document.getElementById && document.getElementsByTagName) {

    // crea elementi
    var oDiv1=document.creatElement("DIV");
    var oDiv2=document.creatElement("DIV");

    var oTable1=document.createElement("TABLE");
    var oTable2=document.createElement("TABLE");

    var oTbody1=document.createElement("TBODY");

    var oTr1=document.createElement("TR");
    var oTr2=document.createElement("TR");
    var oTr3=document.createElement("TR");

    var oTd1=document.createElement("TD");
    var oTd2=document.createElement("TD");
    var oTd3=document.createElement("TD");
    var oTd4=document.createElement("TD");
    var oTd5=document.createElement("TD");

    var oSelect1=document.createElement("SELECT");
    var oSelect2=document.createElement("SELECT");

    var oOption1_1=document.createElement("OPTION");
    var oOption1_2=document.createElement("OPTION");
    var oOption1_3=document.createElement("OPTION");
    var oOption1_4=document.createElement("OPTION");
    var oOption1_5=document.createElement("OPTION");
    var oOption1_6=document.createElement("OPTION");
    var oOption1_7=document.createElement("OPTION");
    var oOption1_8=document.createElement("OPTION");
    var oOption1_9=document.createElement("OPTION");
    var oOption1_10=document.createElement("OPTION");
    var oOption1_11=document.createElement("OPTION");
    var oOption2_1=document.createElement("OPTION");

    var t1 = document.createTextNode("Attivit‡");
    var t2 = document.createTextNode("Tipologia");
    var t3_1 = document.createTextNode("Seleziona Attivit‡");
    var t3_2 = document.createTextNode("Aggiornamento");
    var t3_3 = document.createTextNode("Archiviazione");
    var t3_4 = document.createTextNode("Creazione");
    var t3_5 = document.createTextNode("Emissione");
    var t3_6 = document.createTextNode("Indicizzazione");
    var t3_7 = document.createTextNode("Masterizzazione");
    var t3_8 = document.createTextNode("Ricerca Disegni");
    var t3_9 = document.createTextNode("Ricerca Relazioni");
    var t3_10 = document.createTextNode("Scansioni");
    var t3_11 = document.createTextNode("Stampe");
    var t4_1 = document.createTextNode("Seleziona Tipologia");

    var count = document.createElement("INPUT");

    // setta attributi
    oDiv1.setAttribute("name","tip"+number);
    oDiv2.setAttribute("name","formDin"+number);

    oTable.setAttribute("name","tabella"+number);

    oTr1.setAttribute("align","center");

    oSelect1.setAttribute("name","attivita"+number);
    oSelect1.onchange = function() {loadXMLDoc(this.value,'NULL',oDiv1.name,'newAttiv ita');};

    oSelect2.setAttribute("name","Tipologia"+number);
    oSelect2.onchange = function() {loadXMLDoc(oSelect1.value,this.value,oDiv2.name,' newTipologia');};

    count.setAttribute("type","hidden");
    count.setAttribute("name","count");
    count.setAttribute("value",number);


    // appendi al relativo padre
    oDiv1.appendChild(oSelect2);
    oDiv2.appendChild(oTd5);


    oOption1.appendChild(t3_1);
    oOption2.appendChild(t3_2);
    oOption3.appendChild(t3_3);
    oOption4.appendChild(t3_4);
    oOption5.appendChild(t3_5);
    oOption6.appendChild(t3_6);
    oOption7.appendChild(t3_7);
    oOption8.appendChild(t3_8);
    oOption9.appendChild(t3_9);
    oOption10.appendChild(t3_10);
    oOption11.appendChild(t3_11);
    oOption2_1.appendChild(t4_1);


    oSelect1.appendChild(oOption1_1);
    oSelect1.appendChild(oOption1_2);
    oSelect1.appendChild(oOption1_3);
    oSelect1.appendChild(oOption1_4);
    oSelect1.appendChild(oOption1_5);
    oSelect1.appendChild(oOption1_6);
    oSelect1.appendChild(oOption1_7);
    oSelect1.appendChild(oOption1_8);
    oSelect1.appendChild(oOption1_9);
    oSelect1.appendChild(oOption1_10);
    oSelect1.appendChild(oOption1_11);
    oSelect2.appendChild(oOption2_1);

    oTd1.appendChild(t1);
    Otd2.appendChild(t2);
    oTd3.appendChild(oSelect1);
    oTd4.appendChild(oSelect2);

    oTr1.appendChild(oTd1);
    oTr1.appendChild(oTd2);
    oTr2.appendChild(oTd3);
    oTr2.appendChild(oTd4);
    oTr3.appendChild(oTd5);

    oTbody1.appendChild(oTr2);
    oTable2.appendChild(oTr3);

    document.getElementById(oTable1.name).appendChild( oTr1);
    document.getElementById(oTable1.name).getElementBy TagName('TBODY')[1].appendChild(oTr2);
    document.getElementById(oTable2.name).appendChild( oTr3);

    // incrementa variabile globale
    number++
    }
    }

    ... mi aiutate?

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Mi sembra che tu voglia ricreare due select (forse è meglio separarle) nel codice hai diversi errori tipo Attivit‡ / Seleziona Attivit‡ (sono a accentate, toglile) Otd2.appendChild(t2); l'hai scritto con la O grande invece di otd2..... se con questo non risolvi indica l'errore e un link alla pagina pubblica.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    3
    niente... cosa devo fare? Pagina pubblica? in che senso?

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2002
    Messaggi
    3
    Come faccio a trovare l'errore? Come faccio il debug?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.