[Erledigt] Listboxen

Sp1n · 25.02.2011, 11:55

Guten Tag!

Hab eine Frage bezgl. Listboxen!

Ich bräuchte 2 Listboxen, eine Links und eine Rechts, in der Mitte 2 Buttons wo ich die Werte von Links in die Rechte Listbox switchen kann und den Wert auch wieder zurückswitchen kann.

Mir geht es nicht um das HTML von diesen Listboxen sondern was ich dazu brauche um diese Funktion zu ermöglichen. Auch wäre es hilfreich wenn ich wüsste wie das genau heisst, dann könnt ich vielleicht hier oder in Google danach suchen

dennis81 · 25.02.2011, 12:05

z.B.

http://jqueryui.com/demos/sortable/#connect-lists

eagle275 · 25.02.2011, 12:06

ansonsten kannst du dich auch gern selbst daran setzen und entsprechende Funktionen in Javascript schreiben - denn PHP kommt erst wieder zum Zuge, wenn du das ausgefüllte Formular inklusive der Select-Box-Auswahl abschickst

Sp1n · 25.02.2011, 12:13

Ok Vielen Dank

Sp1n · 25.02.2011, 13:06

Zitat:

Zitat von dennis81

z.B.

http://jqueryui.com/demos/sortable/#connect-lists

Hab jetzt den Sourcecode eingefügt!
Den Style und Script Teil habe ich in den Headbereich kopiert! Und den kompletten DIV Tag in den Bodybereich.
Irgendwie wird mir aber nur der Text ausgegeben und ich kann nichts hin und her ziehen.
Weist du an was das liegen kann?

body:

PHP-Code:

  <span id="text2" style="display:none;">

<div class="demo">

 
<ul id="sortable1" class='droptrue'>

    <li class="ui-state-default">Can be dropped..</li>

    <li class="ui-state-default">..on an empty list</li>

    <li class="ui-state-default">Item 3</li>

    <li class="ui-state-default">Item 4</li>

    <li class="ui-state-default">Item 5</li>

</ul>

 
<ul id="sortable2" class='dropfalse'>

    <li class="ui-state-highlight">Cannot be dropped..</li>

    <li class="ui-state-highlight">..on an empty list</li>

    <li class="ui-state-highlight">Item 3</li>

    <li class="ui-state-highlight">Item 4</li>

    <li class="ui-state-highlight">Item 5</li>

</ul>

 
<ul id="sortable3" class='droptrue'>

</ul>

 
<br clear="both" />

 
</div><!-- End demo -->

 
  

  

  </span>

head

PHP-Code:

  <style>

    #sortable1, #sortable2, #sortable3 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; background: #eee; padding: 5px; width: 143px;}

    #sortable1 li, #sortable2 li, #sortable3 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 120px; }

    </style>

    <script>

    $(function() {

        $( "ul.droptrue" ).sortable({

            connectWith: "ul"

        });

 
        $( "ul.dropfalse" ).sortable({

            connectWith: "ul",

            dropOnEmpty: false

        });

 
        $( "#sortable1, #sortable2, #sortable3" ).disableSelection();

    });

    </script>

Wolla · 25.02.2011, 13:17

[verschoben von PHP Einsteiger]

dennis81 · 25.02.2011, 13:18

Evtl. ist dein "connectWith" falsch.

Sp1n · 25.02.2011, 13:20

Zitat:

Zitat von dennis81

Evtl. ist dein "connectWith" falsch.

Was ist daran falsch? Komm ich grad gar net mit xD

nikosch · 25.02.2011, 13:20

Ich sehe da keine eingebundene Bibliothek und von Javascript-Konsole habe ich auch noch nichts gelesen.

Sp1n · 25.02.2011, 13:22

Zitat:

Zitat von nikosch

Ich sehe da keine eingebundene Bibliothek und von Javascript-Konsole habe ich auch noch nichts gelesen.

Vielen Dank für die Antwort!
Was ist eine Bibliothek und eine Javascript Konsole?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

25.02.2011, 11:55
Sp1n Erfahrener Benutzer Registriert seit: 30.07.2009 Beiträge: 276 PHP-Kenntnisse: Anfänger	[Erledigt] Listboxen Guten Tag! Hab eine Frage bezgl. Listboxen! Ich bräuchte 2 Listboxen, eine Links und eine Rechts, in der Mitte 2 Buttons wo ich die Werte von Links in die Rechte Listbox switchen kann und den Wert auch wieder zurückswitchen kann. Mir geht es nicht um das HTML von diesen Listboxen sondern was ich dazu brauche um diese Funktion zu ermöglichen. Auch wäre es hilfreich wenn ich wüsste wie das genau heisst, dann könnt ich vielleicht hier oder in Google danach suchen


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

25.02.2011, 12:05
dennis81 Erfahrener Benutzer Registriert seit: 13.05.2009 Beiträge: 1.164 PHP-Kenntnisse: Fortgeschritten	z.B. http://jqueryui.com/demos/sortable/#connect-lists __________________ Es ist schon alles gesagt! Nur noch nicht von allen! (Karl Valentin) Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)

25.02.2011, 12:06
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	ansonsten kannst du dich auch gern selbst daran setzen und entsprechende Funktionen in Javascript schreiben - denn PHP kommt erst wieder zum Zuge, wenn du das ausgefüllte Formular inklusive der Select-Box-Auswahl abschickst __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste

25.02.2011, 12:13
Sp1n Erfahrener Benutzer Registriert seit: 30.07.2009 Beiträge: 276 PHP-Kenntnisse: Anfänger	Ok Vielen Dank

25.02.2011, 13:17
Wolla Moderator Registriert seit: 06.06.2008 Beiträge: 4.945 PHP-Kenntnisse: Fortgeschritten	[verschoben von PHP Einsteiger] __________________ Warum denkt mein Hund eigentlich immer dann, wenn es an der Tür klingelt, es sei für ihn?

25.02.2011, 13:18
dennis81 Erfahrener Benutzer Registriert seit: 13.05.2009 Beiträge: 1.164 PHP-Kenntnisse: Fortgeschritten	Evtl. ist dein "connectWith" falsch. __________________ Es ist schon alles gesagt! Nur noch nicht von allen! (Karl Valentin) Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)

25.02.2011, 13:20
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ich sehe da keine eingebundene Bibliothek und von Javascript-Konsole habe ich auch noch nichts gelesen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --