Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Come inserire un div invece che un testo von appendChild?

    Buon giorno a tutti, essendo un novizio del javascript (ho iniziato ieri per cause di forza maggiore) avrei bisogno di aiuto per risolvere un problema.
    Devo creare un questionario on line ed avrei bisogno che alcuni campi (come ad esempio le esperienze lavorative) siano aggiungibili potenzialmente all'infinito.
    Per far ciò ho pensato ad appendChild, ma riesco a far aggiungere solo testo e non il mio div contenente i div dei campi ed i vari txtbox.
    Riporto lo script che ho scritto

    <script type="text/javascript" language="javascript">
    function createDiv() {
    var divTag = document.createElement("div");

    divTag.id = "creadiv";

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

    divTag.style.margin = "0px auto";

    divTag.className = "aggiungi";

    divTag.innerHTML = "QUI NON RIESCO AD INSERIRE IL DIV";

    document.getElementById("creadiv").appendChild(div Tag);

    }

    </script>

    Ringraziando anticipatamente

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    codice:
    function createDiv() {
    var divTag = document.createElement("div");
    
    divTag.id = "creadiv";
    
    divTag.setAttribute("align", "center");
    
    divTag.style.margin = "0px auto";
    
    divTag.className = "aggiungi";
    
    divTag.innerHTML = "<input type='textbox' id='aggiunto' value=''/>"; 
    
    document.getElementById("creadiv").appendChild(divTag);
    
    }

  3. #3
    Grazie, non è esattamente quello che cercavo, ma mi ha aperto nuove possibilità e mi ha dato nuove idee per trovare la giusta soluzione

  4. #4
    Scusate ma ancora non riesco a farlo funzionare. Scrivendo il codice così, fra l'altro funziona anche se pongo innerHTML come commento, mi genera un div vuoto invisibile. Io vorrei che mi generasse la copia esatta di un div (id = "creadiv" class="aggiungi") contenente altri div. Qualcuna sa come posso fare? Ho provato anche a copiare ed incollare il codice completo del div che mi interessa in divTag.innerHTML e come mi aspettavo mi ha dato errore

    function createDiv() {
    var divTag = document.createElement("div");

    divTag.id = "creadiv";

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

    divTag.style.margin = "0px auto";

    divTag.className = "aggiungi";

    divTag.innerHTML = <div id="creadiv" class"aggiungi">;

    document.getElementById("creadiv").appendChild(div Tag);

  5. #5
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    html prima che lo script venga eseguito:
    codice:
    <div id="divgiacreato"></div>
    Script:
    codice:
    function createDiv() {
    	var divTag = document.createElement("div");
    
    	divTag.id = "creadiv";
    
    	divTag.setAttribute("align", "center");
    
    	divTag.style.margin = "0px auto";
    
    	divTag.className = "aggiungi";
    
    	divTag.innerHTML = "<div id='divinterno' class='classedivinterno'>"; 
    
    	document.getElementById("divgiacreato").appendChild(divTag);
    }
    Html dopo che lo script è stato eseguito:
    codice:
    <div id="divgiacreato">
       <div align="center" id="creadiv" style="margin: 0px auto;" class="aggiungi">
            <div class="classedivinterno" id="divinterno"></div>
       </div>
    </div>
    Che cosa non ti è chiaro?

  6. #6
    Il programma funziona con il tuo script (e funzionava anche prima). Purtroppo, colpa mia, pensavo che si potessero fare dei javascript anche in asp, invece mi sbagliavo. La soluzione del mio problema non è un javascript.
    Grazie per la risposta e l'interessamento ma sono finito fuori topic

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.