Meddelande

Minska
No announcement yet.

Flytta options i select

Minska
X
 
  • Filter
  • Klockan
  • Show
Clear All
new posts

  • Flytta options i select

    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.
    9
    Ja
    33.33%
    3
    Nej
    66.67%
    6
    Last edited by Cheguelin; 2004-01-01, 14:59.
    http://peter.wangelin.org/

  • #2
    En liten "bugg"... om man inte valt något i select boxen och klickar på "upp" eller "ner" så blir det fel...
    per.

    Kommentera

    Working...
    X