Ankündigung

Einklappen
Keine Ankündigung bisher.

Positionierung im Listenfeld festlegen

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Positionierung im Listenfeld festlegen

    Hallo zusammen.

    Ich hab mir folgende Anwendung überlegt, mit der man Daten in einem Listenfeld positionieren kann.

    In einem Listenfeld stehen z.B. 5 Namen drinnen. Das Listenfeld hat die Größe 5, also werden alle Namen in dem Listenfeld untereinander angezeigt.

    Jetzt möchte ich gerne realisieren, das man einen Namen auswählt und mit den Knöpfen "Hoch" und "Runter" diesen eine Stelle hoch oder runter schiebt.

    Diese Namen sollten dann am Ende, wenn man die Verschiebung abgeschlossen hat, in eine MySQL-Tabelle mit den festgelegten Positionen gespeichert werden.

    Ich hoffe doch ihr habt meine Erläuterung verstanden.

    Ich danke schonma für eure Antworten.

    MfG Martini86


  • #2
    Die PHP-Sache überlasse ich dir.

    Code:
    <html>
    <head>
    <title>Move Selection</title>
    <script type="text/javascript">
    function selmove(s, f, n)
    {
      var i=s.selectedIndex;
      if ((i==-1) || (i==0 && n==-1) || (i==s.options.length-1 && n==1)) return false;
      n += i;
      var t1 = new Option(
        s.options[n].text,
        s.options[n].value,
        s.options[n].defaultSelected,
        s.options[n].selected
      );
      var t2 = new Option(
        s.options[i].text,
        s.options[i].value,
        s.options[i].defaultSelected,
        s.options[i].selected
      );
      s.options[i]=t1;
      s.options[n]=t2;
      var v = s.options[0].value;
      for (var i=1; i < s.options.length; i++) v += '|' + s.options[i].value;
      f.value = v;
      s.focus();
      return false;
    }
    </script>
    </head>
    <body>
    <form>
    <input type="hidden" name="felder" value="1|2|3|4|5|6">
    <select name="sortierer" size=6>
    <option value="1">Entry1</option>
    <option value="2">Entry2</option>
    <option value="3">Entry3</option>
    <option value="4">Entry4</option>
    <option value="5">Entry5</option>
    <option value="6">Entry6</option>
    </select>
    <button onclick="return selmove(this.form.sortierer,this.form.felder,-1);">up</button>
    <button onclick="return selmove(this.form.sortierer,this.form.felder,1);">Down</button>
    </form>
    </body>
    </html>

    Kommentar

    Lädt...
    X