Flytte options i multi select op og ned

Er det ikke lidt som normal sortering
Du kan finde det markerede elements position.
Hvis der klikkes på op så skal det bytte plads med elementet på positionen minus een vel?
Kopier det første ned i bunden
Kopier det andet ind på det førstes plads
Kopier første tilbage på det andets plads og sæt den midlertidige til null

Hvordan indsætter jeg på en bestem position ?
Lige nu tilføjer jeg bare via. append

måske noget ligende det her
---
function op()
{
  var nr = document.dbListForm.dbList.selectedIndex;
  var indhold = document.dbListForm.dbList.options[nr].value
  var indhold2 = document.dbListForm.dbList.options[nr-1].value
  document.dbListForm.dbList.options[nr].value = indhold2
  document.dbListForm.dbList.options[nr-1].value = indhold1
}

hmm, kan ikke få det til at virke.

function op()
{
  var nr = document.dbListForm.dbList.selectedIndex;
  var indhold1 = document.dbListForm.dbList.options[nr].value;
  var indhold2 = document.dbListForm.dbList.options[nr-1].value;
  document.dbListForm.dbList.options[nr].value  = indhold2;
  document.dbListForm.dbList.options[nr-1].value = indhold1;
}

Den retunere ingen fejl, men der sker intet.
Skal det ikke også laves til en Option først ?

Det ville jeg ikke tro da den jo bare bytter om på felternes values.

hvad så med:
------
function op()
{
  var valgt = document.dbListForm.dbList.options[nr]
  var oppe = document.dbListForm.dbList.options[nr-1]
  document.dbListForm.dbList.options[nr] = oppe
  document.dbListForm.dbList.options[nr-1] = valgt
}
---
mon det kan bytte dem helt om

okay, det virker (næsten) hvis laver laver en ned funktion, og bruger pluds virker det.

Problemet er at nr-1 ikke findes, når den første er flyttet, finder der en måde at gemme værdien på ?

jamen jeg kom vist også til at slette den linje i sidste indlæg
function op()
{
  var nr = document.dbListForm.dbList.selectedIndex;
  var valgt = document.dbListForm.dbList.options[nr]
  var oppe = document.dbListForm.dbList.options[nr-1]
  document.dbListForm.dbList.options[nr] = oppe
  document.dbListForm.dbList.options[nr-1] = valgt
}

jo, men den havde jeg regnet ud , og kopieret med :]

Det bytter plads med den overover, men den overover forsvinder helt.

sådan her...virker hos mig:o)
---
function op()
{
  var nr = document.dbListForm.dbList.selectedIndex;
  var valgt = document.dbListForm.dbList.options[nr].value
  var oppe = document.dbListForm.dbList.options[nr-1].value
  document.dbListForm.dbList.options[nr] = new Option(oppe);
  document.dbListForm.dbList.options[nr-1] = new Option(valgt);
}

Så må det tilsvarende kunne laves for ned funktionen
Det virker dog kun hvis der markeres eet element

nice :D det skal også kun virker med et element af gangen

Mange tak, lægger du også lige et svar, så er der points

yes selvfølgelig :o)

-- og jeg kom til at tænke på, om det ikke var smart at bruge removeChild til operationen, og det fungerer perfekt (men jeg kunne ikke dy mig for at implementere den fulde funktionalitet !-)

<script type="text/javascript">
function move(elm,dir){
  if(typeof elm == 'string');
    elm = document.getElementById(elm);
  var num = elm.selectedIndex;
  if(num == -1){
    alert('No selection');
    return;
  }
  if(dir=='up' && num==0 || dir=='down' && num==(elm.length-1))return;
  if(dir=='add'){
    var txt = prompt('Text for the option','Text');
    var val = prompt('Value for the option','Value');
    if(txt == "" && val == "" || txt == 'Text' && val == 'Value'){
      alert('You must supply at least a value or a text !-)');
      return;
    }
    if(txt == "" || txt == 'Text')
      txt = val;
    if(val == "" || val == 'Value')
      val = txt;
    var opt = new Option(txt,val);
      elm.insertBefore(opt,elm.options[num]);
    opt.text = txt;
    return;
  }
  var opt = elm.removeChild(elm.options[num]);
  if(dir=='remove')return;
  if(dir=='up')
    elm.insertBefore(opt,elm.options[num-1]);
  else
    elm.insertBefore(opt,elm.options[num+1]);
}
</script>

<select id="valgSelect" multiple="multiple" size="10" onchange="/*alert(this.value);*/" style="float:left;">
  <option>-- Vælg --</option>
  <option value="nr1">Option 1</option>
  <option value="nr2">Option 2</option>
  <option value="nr3">Option 3</option>
  <option value="nr4">Option 4</option>
  <option value="nr5">Option 5</option>
  <option value="nr6">Option 6</option>
  <option value="nr7">Option 7</option>
  <option value="nr8">Option 8</option>
  <option value="nr9">Option 9</option>
</select>
<span>
  <button onclick="move('valgSelect','up');" title="Move up">^</button><br>
  <button onclick="move('valgSelect','remove');" title="Remove">÷</button><br>
  <button onclick="move('valgSelect','add');" title="Add before">+</button><br>
  <button onclick="move('valgSelect','down');" title="Move down">v</button>
</span>