Ett script som klarar detta har förfrågats i "Javascript, DHTML"-forumet (http://www.webforum.nu/showthread.ph...508&forumid=24). Här är en lösning:
[kod]<html>
<head>
<title>Sort</title>
<script type="text/javascript">
function moveDown(id) {
var parent = document.getElementById(id);
if (parent.selectedIndex != -1)
var element = parent.options[parent.selectedIndex];
else return;
var next = parent.options[parent.selectedIndex + 1];
if (next) parent.insertBefore(next, element);
else return;
}
function moveUp(id) {
var parent = document.getElementById(id);
if (parent.selectedIndex != -1)
var element = parent.options[parent.selectedIndex];
else return;
if (parent.selectedIndex - 1 >= 0) {
var previous = parent.options[parent.selectedIndex - 1];
parent.insertBefore(element, previous);
} else return;
}
</script>
<style type="text/css">
button {
font-family: Webdings;
}
</style>
</head>
<body bgcolor="#C2C287" text="#000000" id="all" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#660000" vlink="#660000" alink="#660000">
<p>
<select id="box"
size="5">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
<option>Option 5</option>
</select>
</p>
<p>
<button onclick='moveUp("box");'>5</button>
<button onclick='moveDown("box");'>6</button>
</p>
</body>
</html>[/kod]
Buggen är fixad.
[kod]<html>
<head>
<title>Sort</title>
<script type="text/javascript">
function moveDown(id) {
var parent = document.getElementById(id);
if (parent.selectedIndex != -1)
var element = parent.options[parent.selectedIndex];
else return;
var next = parent.options[parent.selectedIndex + 1];
if (next) parent.insertBefore(next, element);
else return;
}
function moveUp(id) {
var parent = document.getElementById(id);
if (parent.selectedIndex != -1)
var element = parent.options[parent.selectedIndex];
else return;
if (parent.selectedIndex - 1 >= 0) {
var previous = parent.options[parent.selectedIndex - 1];
parent.insertBefore(element, previous);
} else return;
}
</script>
<style type="text/css">
button {
font-family: Webdings;
}
</style>
</head>
<body bgcolor="#C2C287" text="#000000" id="all" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#660000" vlink="#660000" alink="#660000">
<p>
<select id="box"
size="5">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
<option>Option 5</option>
</select>
</p>
<p>
<button onclick='moveUp("box");'>5</button>
<button onclick='moveDown("box");'>6</button>
</p>
</body>
</html>[/kod]
Buggen är fixad.
Kommentera