Liste an beliebiger Stelle erweitern

Tobe · #1 (**permalink**) 10.05.2009, 04:04

Hallo,
ich habe eine Auflistung und möchte es ermöglichen, dass der Benutzer über Buttons neue Auflistungselemente hinzufügen kann - zwischen zwei bestehenden Elementen, ganz am Anfang und ganz am Ende. Ich denke mal, dass ich dann den Namen der Listenelemente als Arrayelement definieren muss, damit ich später alle Elemente der Reihe nach auslesen kann. Wie kriege ich dann aber raus, auf welchen der Buttons der Benutzer geklickt hat, damit ich an der richtigen Stelle das neue Listenelement (und auch wieder einen weiteren Button) einfügen kann?
Kennt jemand zu sowas nen Tutorial oder gibts nen Namen, wie man sowas nennt?

protonenbeschleuniger · #2 (**permalink**) 10.05.2009, 08:54

Du meinst sowas:

HTML-Code:

<ul id="liste">
<li>punkt 1 </li>
<li>punkt 2 </li>
<li>punkt 3 </li>
</ul>
<script type="text/javascript" >
var obj = document.getElementById('liste');
obj.onclick = function(e) {
	if(!e) e = window.event;
	var el = e.target || e.srcElement;
	var neu = document.createElement('li');
	neu.innerHTML = 'dein Text';
	el.parentNode.insertBefore(neu, el);
}
</script>

Tobe · #3 (**permalink**) 10.05.2009, 14:00

ich habe das skript bei mir ausprobiert, aber der event wird nie ausgelöst.

uspri · #4 (**permalink**) 10.05.2009, 14:31

Zitat:

Zitat von Tobe

ich habe das skript bei mir ausprobiert, aber der event wird nie ausgelöst.

Hab das grad mal bei mir auf einer normalen Webseite eingefügt und egal wo ich in der Liste klicke, es wird immer ein neues <li> eingefügt.

Tobe · #5 (**permalink**) 10.05.2009, 15:23

ahh, jetzt gehts. Ich hatte Skript und Liste in der Reihenfolge vertauscht, dann ging es nicht.

uspri · #6 (**permalink**) 10.05.2009, 15:44

Kann ja auch nicht, da getElementById dann ja ins Leere greift, da die Liste noch nicht da ist, wenn das Script greift.

Tobe · #7 (**permalink**) 10.05.2009, 17:01

was mir jetzt noch fehlt ist eine Referenz, welche Methoden es für den Event e gibt, also was ich genau alles abfragen kann.

uspri · #8 (**permalink**) 10.05.2009, 19:14

Zitat:

Zitat von Tobe

was mir jetzt noch fehlt ist eine Referenz, welche Methoden es für den Event e gibt, also was ich genau alles abfragen kann.

Mit ein wenig suchen hättest Du das auch selber finden können: SELFHTML: JavaScript / Objektreferenz / event

Tobe · #9 (**permalink**) 10.05.2009, 19:27

das habe ich schon gefunden, nur leider sehe ich da nur die Eigenschaften und keine Methoden wie target oder srcElement ...

protonenbeschleuniger · #10 (**permalink**) 11.05.2009, 08:51

Das sind auch keine Methoden, sondern Eigenschaften

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
<li> von einer Liste in andere verschieben	tichy	Javascript & Ajax	5	16.07.2009 13:54
CSS Klasse an anderer Stelle erweitern	Pari	CSS	5	06.03.2009 08:33
Bunte Liste: Code kürzen?	Steakfred	CSS	2	23.01.2008 11:43
Funktion aus externen JS-Datei an beliebiger stelle der Html-Datei anzeigen	Renovatio	Javascript & Ajax	3	03.10.2007 07:40
Liste (inline) Umbruch erzeugen	Steakfred	CSS	3	09.05.2006 12:27