Visualizzazione dei risultati da 1 a 1 su 1
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2014
    Messaggi
    10

    Duplicando elementi html - come evitare submit della form

    Salve,
    ho scritto un javascript per la duplicazione di alcuni elementi della mia pagina HTML,
    il problema che eseguito e fatta la duplicazione, viene refreshata la pagina.

    Vorrei evitare questo comportamento, ma non so come fare.
    Di seguito il codice javascript, che utilizzo:

    codice:
    <script type="text/javascript"> 
    
    
       function aggiungiRigaFattura() {
           alert("aggiungiRigaFattura");
           var counter = 0;
           var sourceNode = document.getElementById("fieldset");
           var node = duplicateNode(sourceNode, ["id", "name"], counter);
           
           sourceNode.parentNode.appendChild(node);      
       }
    
    
       function duplicateNode(/*DOMNode*/sourceNode, /*Array*/attributesToBump, counter) {
           alert("duplicateNode");
            counter++;
            
            var out = sourceNode.cloneNode(true);
            
            if (out.hasAttribute("id")) { out["id"] = bump(out["id"]); }
            
            var nodes = out.getElementsByTagName("*");
            
            for (var i = 0, len1 = nodes.length; i < len1; i++) {
                var node = nodes[i];
                for (var j = 0, len2 = attributesToBump.length; j < len2; j++) {
                    var attribute = attributesToBump[j];
                    if (node.hasAttribute(attribute)) {
                        node[attribute] = bump(node[attribute]);
                    }
                }
            }
            
            function bump(/*String*/str) {
                return str + "_" + counter;
            }
            alert("prima di uscire");
            return null;
       }
       
    </script>
    Tale codice duplica una <DIV> che contiene una table.
    Quandi il noto aggiunto è la ripetizione di tutto il contenuto del <div id="fieldset" class="row">
    Il tutto si trova all'interno di una form con action=""
    Ma il controller spring che carica la pagina viene invocato comunque, generando il refresh.
    Ultima modifica di Alanfo; 11-09-2014 a 18:00

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.