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.