Jeg skal lige vide, om du mener: "... når siden gemmes"? I så fald kunne det gøres sådan:
<script type="text/JavaScript">
var d=document;
function gE(id){return d.getElementById(id)}
function gA(o,tag){return o.getElementsByTagName(tag)}
function mySave() {
var inpts, divs = gA(gE("cont"), "DIV");
for ( i=0; i<divs.length; i++ ) {
inpts = gA(divs[i], "INPUT");
for ( j=0; j<inpts.length; j++ ) {
if (inpts[j].className=="showInxInp") {
inpts[j].value = i;
break;
}
}
}
}
function myMove(elm, dir) {
var elmHTML, elmID, prevElm, nextElm, newElm;
elm = elm.parentNode;
elmHTML = elm.innerHTML
elmID = elm.id;
newElm = d.createElement("DIV");
newElm.id = elmID;
newElm.innerHTML = elmHTML;
if (dir=="up" && elm.previousSibling) {
prevElm = elm.previousSibling;
gE("cont").removeChild(elm);
prevElm.insertAdjacentElement("BeforeBegin", newElm);
}
else if (dir=="down" && elm.nextSibling) {
nextElm = elm.nextSibling;
gE("cont").removeChild(elm);
nextElm.insertAdjacentElement("AfterEnd", newElm);
}
}
</script>
<style type="text/css">
#cont div {
padding: 5px 10px;
margin: 3px;
background-color: #6699ff;
border: 1px solid #003399;
}
</style>
<div id="cont">
<div id="ID_0">Nummer 0 <input type="text" class="showInxInp"><button onclick="myMove(this, 'up')">Up</button><button onclick="myMove(this, 'down')">Down</button></div>
<div id="ID_1">Nummer 1 <input type="text" class="showInxInp"><button onclick="myMove(this, 'up')">Up</button><button onclick="myMove(this, 'down')">Down</button></div>
<div id="ID_2">Nummer 2 <input type="text" class="showInxInp"><button onclick="myMove(this, 'up')">Up</button><button onclick="myMove(this, 'down')">Down</button></div>
<div id="ID_3">Nummer 3 <input type="text" class="showInxInp"><button onclick="myMove(this, 'up')">Up</button><button onclick="myMove(this, 'down')">Down</button></div>
<div id="ID_4">Nummer 4 <input type="text" class="showInxInp"><button onclick="myMove(this, 'up')">Up</button><button onclick="myMove(this, 'down')">Down</button></div>
</div>
<button onclick="mySave()">Save</button>
... er det noget, du kan bruge?
Du må selv lave felterne om til type="hidden". Nu er de af typen "text", så du kan se, hvad der sker.
Du har også mulighed for at have flere felter i hvert div. Scriptet rører kun ved det felt i hvert div, der har fået sat klassen 'showInxInp'.
/mvh
