Vorschläge gesucht

Hallo,

ich suche nach einem Lösungsvorschlag für folgendes Problem:
Ich habe eine sehr lange Liste mit Einträgen, die aus der Datenbank geholt werden. Nun soll der Nutzer aus dieser Liste ein oder mehrere Einträge auswählen können. Dabei möchte ich es dem Nutzer ggf. zusätzlich ermöglichen, über eine Schaltfläche(?) alle/keinen Einträg auszuwählen.
Soweit, so gut. Meine erste Idee war ein Select-Feld das Mehrfachauswahl erlaubt. Aber auf den zweiten Blick ist das doch eher ungünstig, da der Nutzer wissen muß, daß er die Shift-Taste drücken muß um nicht alle selektierten Einträge zu verlieren
Meine zweite Idee waren zwei Felder: links eins mit allen noch möglichen Einträgen und rechts eins mit allen gewählten Einträgen (wie z.B. in vielen Mailprogrammen bei Auswahl der Empfängeradressen). Hierbei weiß ich allerdings nicht, ob das ganze über JavaScript zu realisieren ist und wenn ja, ob ich über PHP an alle Einträge der rechten Box rankomme (diese sind ja nicht zwingend selektiert)?

Kann mir da jemand helfen oder hat gar eine ganz andere Lösungsidee?

Vielen Dank,
Petra

Ok, ich werde mal versuchen die ganze Sache etwas deutlicher darzustellen.

Mal nebenbei: Das ganze System sieht man häufiger mal ... z.B. bei Outlook Express wenn man aus dem Adressbuch mehrere Empfänger aussucht.

Ich habe eine große Anzahl an Wahlmöglichkeiten für den Nutzer. Da habe ich mir gedacht, daß ich diese in einem mehrzeiligen Select-Feld anzeigen könnte (das linke!). Hier kann sich der Nutzer eine oder mehrere Einträge auswählen. Ist er fertig mit der Auswahl klickt er auf nen Button (in den ganzen Mailprogrammen sind das immer Buttons mit nem Pfeil drauf). Wurde der Button (nach rechts) gedrückt, gehen die gewählten Einträge in das rechte Select-Feld, in dem alle gewählten Einträge drin stehen. Die Einträge die gewählt sind (d.h. im rechten Selec-Feld stehen), sind im linken Select-Feld nicht mehr vorhanden (sonst wird es noch schwerer, wenn man jedesmal vergleichen muß, ob ein gewisser Eintrag bereits gewählt wurde oder nicht)
Will der Nutzer nun einen Eintrag deselektieren (d.h. vom rechten in das linke Feld bekommen), muß er diesen wiederum anklicken und auf einen Button mit einem Pfeil in die andere Richtung klicken.

Im Endeffekt befinden sich im rechten Feld alle gewählten Einträge und im linken Feld die nicht gewählten Einträge.

------------------------                  ---------------------------
I  nicht gewählte      I      -->         I  gewählte Einträge      I
I  Einträge            I      <--         I                         I
------------------------                  ---------------------------

Ja, das war's erstmal, ich hoffe das war etwas verständlicher.
Bist du dir sicher, daß man sich mit PHP alle Einträge eines Select-Feldes holen kann, obwohl sie nicht selected sind? Normalerweise hat man doch nach dem submit nur Zugriff auf die Einträge die selected sind, oder nicht?

Vielen Dank,
Petra

Hallo Beatz,

das ist ja echt cool Vielen Dank!!!
Es wäre für meinen Fall besser, wenn ich mehrere Einträge mit einem mal rüberkriege, weil in der Liste bis zu 300 Einträge stehen können. Das kann man ja keinem Nutzer zutrauen.
Und unverschämterweise muß ich gleich mal fragen, ob man die alphabetische Reihenfolge beibehalten kann?

Die Sache mit dem Auslesen in PHP ist natürlich immernoch da. Mich interessieren in der Tat nur die selektierten Einträge. Mir schwebt jetzt irgendwas in der Form vor, das man nach dem submit über JavaScript einfach alle Einträge des rechten Felds als selected markiert und schon müßte es gehen!?!

Nochmal danke,
Petra

Hallo,

ich habe jetzt eine Version zusammengekriegt die die Einträge alphabetisch sortiert beibehält. Nur funktioniert das ganze leider nicht mit PHP Da ich die Felder aus dem rechten Select-Feld noch mit PHP auslesen will, muß ich dieses als Array definieren. Nur leider funktionieren dann die JavaScript-Sachen nicht mehr.

<select name=select2[] size=10 multiple>

Kann mir jemand sagen, wie ich mit JavaScript auf Select-Felder als Arrays zugreife?

Danke für eure Mühe!!!!!!
Petra

Der Quellcode für die dies interessiert:

<html>
<head>
<title>Multiple SELECT-List</title>
</head>
<body>
<script language= "JavaScript">
function markAll() {
   var m1 = document.testform.select1;
   var m2 = document.testform.select2;


   m2len = m2.length;
   for (i = 0; i < m2len; i++)
      m2.options[i].selected = true;
}


function einszuzwei() {
   var m1 = document.testform.select1;
   var m2 = document.testform.select2;


   m1len = m1.length;
   for (i = 0; i < m1len; i++) {
      if (m1.options[i].selected == true) {
         m2len = m2.length;
         if (m2len == 0)
            m2.options[0] = new Option(m1.options[i].text);
         else {
            for (y = 0; y < m2len; y++) {
               if (m2.options[y].text > m1.options[i].text) {
                  // ordne Optionsfelder um
                  m2.options[m2len] = new Option(m2.options[m2len-1].text);
                  for (z = (m2len-1); z > y; z--) {
                     m2.options[z].text = m2.options[z-1].text;
                  }
                  m2.options[y].text = m1.options[i].text;
                  break;
               }
            }
            if (m2len == m2.length) //der Eintrag gehört ans Ende der Liste
               m2.options[m2len] = new Option(m1.options[i].text);
         }
      }
   }
   for (i = (m1len-1); i >= 0; i--) {
      if (m1.options[i].selected == true) {
         m1.options[i] = null;
      }
   }
}


function zweizueins() {
   var m1 = document.testform.select1;
   var m2 = document.testform.select2;


   m2len = m2.length ;
   for (i = 0; i < m2len; i++) {
      if (m2.options[i].selected == true) {
         m1len = m1.length;
         if (m1len == 0)
            m1.options[0] = new Option(m2.options[i].text);
         else {
            for (y = 0; y < m1len; y++) {
               if (m1.options[y].text > m2.options[i].text) {
                  // ordne Optionsfelder um
                  m1.options[m1len] = new Option(m1.options[m1len-1].text);
                  for (z = (m1len-1); z > y; z--) {
                     m1.options[z].text = m1.options[z-1].text;
                  }
                  m1.options[y].text = m2.options[i].text;
                  break;
               }
            }
            if (m1len == m1.length) //der Eintrag gehört ans Ende der Liste
               m1.options[m1len] = new Option(m2.options[i].text);
         }
      }
   }
   for (i = (m2len-1); i >= 0; i--) {
      if (m2.options[i].selected == true) {
         m2.options[i] = null;
      }
   }
}
</script>
<form  method="get" name="testform" action='myscript.php'>
<table align=center >
   <tr><td align=center>
    <select name=select1 size=10 multiple>


    </select>


    <p align=center><input type="button" onClick="einszuzwei()" value="auswählen"></p>
    </td><td align=center>
    <select name=select2 size=10 multiple>
       <option value="1">Alpha</option>
       <option value="2">Alphabet</option>
       <option value="3">Ampulle</option>
       <option value="4">Chameleon</option>
       <option value="5">Sport</option>
       <option value="6">Tuch</option>
       <option value="7">Zapfenstreich</option>
    </select>


    <p align=center><input type="button" onClick="zweizueins()" value="abwählen" ></p>
   </td><td><input type="submit" name="OK" onClick='return markAll()'></td></tr>
   <tr><td>   
      <?php
      for ($i = 0; $i < count($select2); $i++)
         echo "Feld $i: $select2[$i]
";
      ?>
   </td></tr>
</table>
<p align=center>Mit STRG meherere Felder auswählen.</p>
</form>
</body>
</html>

Mach eine PHP-Schleife mit dem Array und gib das in JavaScript über.
zB

print "array(0) = .$arr(0)."

oder so ähnlich.

Könnte dir das nur in ASP bzw. VBScript und JavaScript zeigen.

Hi ! Quite smart!-------------------------------Visit this sites for more information about me:Valtrex Valtrex Ultram Ultram Acyclovir Acyclovir Fioricet Fioricet Carisoprodol Carisoprodol Cialis Cialis Levitra Levitra Propecia Propecia Lipitor Lipitor PHENTERMINE - online Phentermine Pharmacy. PHENTERMINE - online Phentermine Pharmacy. Imitrex Imitrex Nexium Nexium Ortho Evra Ortho Evra Ambien Ambien Zyrtec Zyrtec Phentermine Phentermine Adipex Adipex Xenical Xenical x0ogo1d6-101126725