Positionierung im Listenfeld festlegen

#1

Positionierung im Listenfeld festlegen

23.11.2005, 11:53

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
Stichworte: -

DiBo33

Dabei seit: 05.07.2004
Beiträge: 1476

23.11.2005, 18:44

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>

Ankündigung

Positionierung im Listenfeld festlegen

Neue Werbung 2019

Positionierung im Listenfeld festlegen

Kommentar