<ole>
Noget i denne stil?
<?php
if (isset($_POST["contxt"]) && $_POST["contxt"]=="updateSort") {
$aShowSort = explode(",", $_POST["showInxes"]);
for ($i=0,$j=count($aShowSort); $i<$j; $i++) {
// Opdater rækken med id=$aShowSort[$i]
// - sæt værdien af feltet 'show_inx' til $i
// Når du senere viser menuen, sorterer du
// - den på feltet 'show_inx' i query'en
}
}
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Sorter Menu</title>
<style type="text/css">
ul {
width: 210px;
}
li {
position: relative;
}
li span {
position: absolute;
right: 2px;
top: 3px;
}
</style>
<script type="text/JavaScript">
//
http://www.eksperten.dk/spm/848491function moveItem(oPic, bUp) {
var oLI = oPic.parentNode.parentNode;
if (bUp && oLI.previousSibling) oLI.parentNode.insertBefore(oLI, oLI.previousSibling);
else if (!bUp && oLI.nextSibling) oLI.parentNode.insertBefore(oLI, oLI.nextSibling.nextSibling);
}
function saveSort() {
var aLI = document.getElementById("menu").getElementsByTagName("li");
var a = [];
for (var i=0,j=aLI.length; i<j; i++) {
a[i] = aLI[i].getAttribute("id").split("men_")[1];
}
document.getElementsByName("showInxes")[0].value = a.join(",");
}
</script>
</head>
<body>
<form action="" method="post" onsubmit="saveSort(this)">
<input type="hidden" name="showInxes" value="">
<input type="hidden" name="contxt" value="updateSort">
<ul id="menu">
<li id="men_1">Menupunkt med DB-ID: 1<span><img src="up.png" onclick="moveItem(this,1)" title="Up"><img src="down.png" onclick="moveItem(this)" title="Down"></span></li>
<li id="men_2">Menupunkt med DB-ID: 2<span><img src="up.png" onclick="moveItem(this,1)" title="Up"><img src="down.png" onclick="moveItem(this)" title="Down"></span></li>
<li id="men_3">Menupunkt med DB-ID: 3<span><img src="up.png" onclick="moveItem(this,1)" title="Up"><img src="down.png" onclick="moveItem(this)" title="Down"></span></li>
<li id="men_4">Menupunkt med DB-ID: 4<span><img src="up.png" onclick="moveItem(this,1)" title="Up"><img src="down.png" onclick="moveItem(this)" title="Down"></span></li>
<li id="men_5">Menupunkt med DB-ID: 5<span><img src="up.png" onclick="moveItem(this,1)" title="Up"><img src="down.png" onclick="moveItem(this)" title="Down"></span></li>
<li id="men_6">Menupunkt med DB-ID: 6<span><img src="up.png" onclick="moveItem(this,1)" title="Up"><img src="down.png" onclick="moveItem(this)" title="Down"></span></li>
<li id="men_7">Menupunkt med DB-ID: 7<span><img src="up.png" onclick="moveItem(this,1)" title="Up"><img src="down.png" onclick="moveItem(this)" title="Down"></span></li>
<li id="men_8">Menupunkt med DB-ID: 8<span><img src="up.png" onclick="moveItem(this,1)" title="Up"><img src="down.png" onclick="moveItem(this)" title="Down"></span></li>
</ul>
<button type="submit">Gem</button>
</form>
</body>
</html>
/mvh
</bole>
Ny bruger
Nybegynder
Opret
Preview
