[Erledigt] id eines <span> Elements mit javascript verarbeiten

Zulakis · 27.03.2011, 14:28

Ich habe ein span welches dynamisch eine ID zugewiesen bekommt. Gleichzeitig wird allen Elementen mit der passenden ID ein onclick Event zugewiesen. Mein Ziel ist es nun, in dem neu Erzeugten Textfield (das funktioniert alles soweit) die id des vorherigen <span>'s als value zu haben. Ich habe schon tierisch viel mit "elemToEdit.childNodes[0].id" rumgespielt, bspw. firstChild, getAttribute, oldElen etc, bekomme aber immer die value "undefined".

PHP-Code:

  echo "<span id=\"" . $row->id ."\" class=\"Editable\">" . $row->notiz . ":" . $row->id . "</span>";  

echo "<script type=\"text/javascript\">
    document.getElementById(\"" . $row->id ."\").onclick = clickToEdit;
</script>";

PHP-Code:

  function clickToEdit(event) {

    if(!event && window.event) {
        event = window.event;
    }

    target = "undefined" == typeof(event.srcElement) ? event.target : event.srcElement;
    var elemToEdit = target;
    oldElem = elemToEdit;
    var tbox = document.createElement("input");
    tbox.setAttribute("onKeyPress","onEnter(event)");
    tbox.value =  elemToEdit.childNodes[0].id;
    tbox.className = "EditMode";
    tbox.onblur = save;


    with(elemToEdit) {
        onclick = null;
        removeChild(elemToEdit.childNodes[0]);
        appendChild(tbox);
    }

    tbox.focus();
}

Manko10 · 27.03.2011, 14:37

elemToEdit.childNodes[0].getAttribute('id')

Zitat:

Gleichzeitig wird allen Elementen mit der passenden ID ein onclick Event zugewiesen

Dir ist aber bewusst, dass eine ID nur einem einzigen Element zugewiesen werden kann. Ansonsten wäre sie ja keine ID mehr.

Zitat:

PHP-Code:

  tbox.setAttribute("onKeyPress","onEnter(event)");

Das ist auch Mist. Informiere dich bitte über DOM-EventListener.

Zulakis · 27.03.2011, 14:39

Zitat:

Zitat von Manko10

elemToEdit.childNodes[0].getAttribute('id')

Dir ist aber bewusst, dass eine ID nur einem einzigen Element zugewiesen werden kann. Ansonsten wäre sie ja keine ID mehr.

Beim benutzen von

PHP-Code:

  tbox.value =  elemToEdit.childNodes[0].getAttribute('id');

passiert bei Klick auf den Text garnichts mehr, d.h. es wird kein input field geöffnet.

Manko10 · 27.03.2011, 14:40

Dann fange bitte an, deinen Code zu debuggen. Firebug ist dein Freund.

Zulakis · 27.03.2011, 14:53

Zitat:

Zitat von Manko10

Dann fange bitte an, deinen Code zu debuggen. Firebug ist dein Freund.

Also die ID's der <span> Elemente sind alles ganz normale Zahlen.

Ich habe mir zu firebug bspw. dieses Tutorial zu Herzen genommen (http://michaelsync.net/2007/09/30/fi...ript-debugging), bin aber dadraus nicht wirklich schlau geworden. Ich habe außerdem im javascript

PHP-Code:

  value = "test";

tbox.value =  value;

ausprobiert, das funktionierte. Also liegt es wirklich nur an dieser Zeile:

PHP-Code:

  var value = elemToEdit.childNodes[0].getAttribute('id');

Wie kann ich herausfinden was schief läuft?

Zulakis · 27.03.2011, 15:00

Habs:

PHP-Code:

  var value = elemToEdit.getAttribute('id');

Thanks!

ChrisB · 27.03.2011, 15:02

Zitat:

Zitat von Zulakis

Also die ID's der <span> Elemente sind alles ganz normale Zahlen.

Eine ID darf nicht mit einer Ziffer beginnen.

Zitat:

Also liegt es wirklich nur an dieser Zeile:

PHP-Code:

  var value = elemToEdit.childNodes[0].getAttribute('id');

Wie kann ich herausfinden was schief läuft?

In dem du erst mal herausfindest, welches Element das erste Child überhaupt ist.

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

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Http-Header mit Javascript auslesen	xm22	JavaScript, Ajax und mehr	2	24.11.2010 09:06
[Erledigt] Problem mit dynamischer URL in Javascript Dateien	da.eXecutoR	JavaScript, Ajax und mehr	4	28.09.2010 17:18
Javascript Url auslesen	Alex04	JavaScript, Ajax und mehr	4	17.09.2010 04:54
timing Probleme bzw Zusammenspiel PHP Javascript	thica	PHP Tipps 2009	2	19.02.2010 19:06
[Erledigt] Mit JavaScript Date+Uhrzeit auslesen und in PHP verwenden	Sniper_Kotaro	JavaScript, Ajax und mehr	7	11.12.2009 23:02
Wie lade ich ein Javascript nach einer AJAX Abfrage neu?	da.eXecutoR	JavaScript, Ajax und mehr	3	21.09.2009 11:15
problem sucht lösung: mit javascript quelltext auslesen und an meine hp senden	Ohrwurm83	JavaScript, Ajax und mehr	5	13.06.2009 16:16
Javascript: GET Variable aus Iframe auslesen	R4v3r	HTML, Usability und Barrierefreiheit	4	08.05.2009 13:16
[Erledigt] Variable von Javascript mit 1x1px-Bild an PHP übergeben	beneblack	PHP Tipps 2009	18	03.05.2009 22:40
1101: 10x JavaScript und kein Ende ist abzusehen…	Nikolaus 2.0	Adventskalender 2008	9	13.12.2008 20:11
Lerne Grundlagen \| Quellensammlung	cycap	PHP Einsteiger	0	12.11.2008 16:23
[Erledigt] gelöst: Tabelle auslesen -&amp;amp;amp;gt; Gleiche Einträge nur 1 Mal		Datenbanken	3	31.03.2006 01:44
javascript: aufklapp menu (mit <span>)	bona	HTML, Usability und Barrierefreiheit	5	28.02.2006 14:08
Javascript		HTML, Usability und Barrierefreiheit	5	31.08.2004 18:30

27.03.2011, 14:28
Zulakis Erfahrener Benutzer Registriert seit: 21.09.2010 Beiträge: 143 PHP-Kenntnisse: Anfänger	[Erledigt] id eines <span> Elements mit javascript verarbeiten Ich habe ein span welches dynamisch eine ID zugewiesen bekommt. Gleichzeitig wird allen Elementen mit der passenden ID ein onclick Event zugewiesen. Mein Ziel ist es nun, in dem neu Erzeugten Textfield (das funktioniert alles soweit) die id des vorherigen <span>'s als value zu haben. Ich habe schon tierisch viel mit "elemToEdit.childNodes[0].id" rumgespielt, bspw. firstChild, getAttribute, oldElen etc, bekomme aber immer die value "undefined". PHP-Code: `echo "<span id=\"" . $row->id ."\" class=\"Editable\">" . $row->notiz . ":" . $row->id . "</span>"; echo "<script type=\"text/javascript\"> document.getElementById(\"" . $row->id ."\").onclick = clickToEdit; </script>";` PHP-Code: function clickToEdit(event) { if(!event && window.event) { event = window.event; } target = "undefined" == typeof(event.srcElement) ? event.target : event.srcElement; var elemToEdit = target; oldElem = elemToEdit; var tbox = document.createElement("input"); tbox.setAttribute("onKeyPress","onEnter(event)"); tbox.value = elemToEdit.childNodes[0].id; tbox.className = "EditMode"; tbox.onblur = save; with(elemToEdit) { onclick = null; removeChild(elemToEdit.childNodes[0]); appendChild(tbox); } tbox.focus(); } Geändert von Zulakis (27.03.2011 um 14:37 Uhr).


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

27.03.2011, 14:40
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Dann fange bitte an, deinen Code zu debuggen. Firebug ist dein Freund. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

27.03.2011, 15:00
Zulakis Erfahrener Benutzer Registriert seit: 21.09.2010 Beiträge: 143 PHP-Kenntnisse: Anfänger	Habs: PHP-Code: `var value = elemToEdit.getAttribute('id');` Thanks!