DOM-Methoden



Neuen Eintrag hinzufügen


Eintrag bearbeiten


1. Click-Event - Listenpunkte verschieben
Alle Hyperlinks "Verschieben" mit einem click-Handler versehen der es ermöglicht die Links von einer
in die andere Liste zu verschieben. Dies soll in beide Richtungen funktionieren, 
ein von ul#liste_oben nach ul#liste_unten verschobener link soll auch wieder 
zurück geschoben werden können. Denken Sie daran das Attribute class nach dem 
verschieben anzupassen.

2. Click-Event - Listenpunkt bearbeiten
div#bearbeiten soll nicht angezeigt werden. Verstecken Sie das Element beim 
laden der Seite. Wird der Hyperlink "Bearbeiten" an einem  Listenpunkt angeklickt wird der 
Textknoten des Listenpunktes zum bearbeiten ausgelsen.
Schreiben Sie den ausgelesenen Textknoten des Listenpunkts in das Inputfeld#eintrag.
Der Nutzer hat jetzt die Möglichkeit den Listeneintrag zu bearbeiten/ändern.
Wird auf "Änderung speichern" gedrückt, wird der Listenpunkt auf den neuen Wert
gesetzt und das Feld div#bearbeiten soll wieder versteckt werden.

3. Neue Listenpunkte in obere oder untere Liste hinzufügen
Ein neuer Listenpunkt in der gewünschten Liste wird mit Klassenattribut wird erzeugt.
Button "Oben eintragen" - Inputfeldauslesen und den Inhalt als Listenpunkt mit 
der Klasse oben in ul#liste_oben einfügen

Button "Unten eintragen" - Inputfeldauslesen und den Inhalt als Listenpunkt 
mit der Klasse oben in ul#liste_unten einfügen

Jeder neue Listenpunkt soll ebenfalls mit einem Eventhandler versehen werden, 
der das bearbeiten ermöglicht.