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:
Tale codice duplica una <DIV> che contiene una table.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>
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.

Rispondi quotando