daten via ajax an datenbank schicken

[phillip]

Hallo

Ich würde gerne den text eines textarea nach einem onchange an die Datenbank via PHP weitergeben.

Code: Alles auswählen

<textarea id="bio" class="full2" onBlur="TabInline.SwitchEdit(\'_Job\');" onChange="TabInline.SaveEdit(\'_Job\');">'.$row['beschreibung'].'</textarea>

Das Javascript besteht schon zum Teil, leider aber nicht ganz komplett wie ich es möchte...

Code: Alles auswählen

that.SaveEdit = function(id) {

		var objRead = document.getElementById('read' + id),

			objWrite = document.getElementById('write' + id),

			eStrings = objWrite.getElementsByTagName('input'),

			eTextArea = objWrite.getElementsByTagName('textarea'),

			eSelects = objWrite.getElementsByTagName('select');



		if (eStrings.length > 0) {

			objRead.innerHTML = eStrings[0].value;

		}

		if (eTextArea.length > 0) {

			objRead.innerHTML = eTextArea[0].value;

		}

		if (eSelects.length > 0) {

			objRead.innerHTML = eSelects[0].options[eSelects[0].selectedIndex].value;

		}

	};

Man müsste jetzt den geänderten Text nur noch per POST, oder was auch immer an eine PHP Datei weitergeben.

Die Sach mit PHP und MySQL könnte ich selber übernehmen, das ist kein Problem.

Da ich eigentlich recht wenig Ahnung von Javascript habe, wäre ich auf jede Hilfe angewiesen

Das original Feature:

http://www.tomcoote.co.uk/JavaScriptTabInline.aspx

[UGC]

Soweit ich weiß, ist es nicht möglich, php einfach in ein javascript einzubauen.
Bin mir aber nicht so sicher

Edit: Muss ja eigentlich möglich sein, aber ob das wirklich javascript ist... Kann ja auch Flash oder Java sein

[phillip]

ja das weiss ich ja selber

hier ein beispiel:

http://www.w3schools.com/php/php_ajax_database.asp

Ich wird daraus aber nicht so wirklich schlau, wie das beim JS geregelt ist ^^

[gn#36]

Wenn du dich mit PHP aber nicht JavaScript auskennst, dann probier mal ein Tool wie XAJAX. Das kannst du von PHP aus steuern und es übernimmt die JavaScript Anteile der Programmierung so dass du dich darum - abgesehen von den Funktionsaufrufen in onBlur onClick etc. - nicht mehr darum kümmern musst.

Ich würde dir allerdings bei einer Textarea nicht unbedingt empfehlen onChange zu verwenden, denn das schickt bei jeder Änderung die Daten an den Server -> Viel Traffic. Das gilt besonders, wenn die Textarea üblicherweise für größere Mengen Text verwendet wird, bei kleinen Mengen mag das ja noch unerheblich sein.

[phillip]

Hui, wieder mal Hilfe von der Extraklasse! Vielen Dank

ja genau, von XAJAX steht was in meinem Buch 'AJAX = Javascript + XML Für Schnelleinsteiger'

ja dann werde ich mich mal schlau machen darüber...

was würdest du dann empfehlen, ausser onchange?

[UGC]

Einen Submit-Button

[phillip]

Einen Submit-Button

UGC du bist ein Idiot xD

nein der Vorschlag ist nicht schlecht, aber nicht das was ich suche

[UGC]

Ich weiß

Für welchen Zweck willst du das den Benutzen?
Dann könnte man die evtl. besser weiterhelfen

[gn#36]

Die Frage wäre natürlich ob du zwingend bei jeder Änderung was abschicken musst, d.h. in wieweit sollen sich andere angezeigte Dinge ändern, wenn du Text in dem Feld eingibst. Es ist sinnvoll, so viel wie möglich an Eventerkennung ins JavaScript auszulagern wenn du wirklich auf bestimmte Eingaben sofort reagieren möchtest/musst. Also beispielsweise wenn du den Text nur an die DB schicken willst, wenn darin das Wort "Eierschalensollbruchstellenverursacher" vorkommt, dann sollte die Erkennung des Wortes nicht im PHP Skript sondern im JavaScript liegen das dann ggf. über XAJAX die Verbindung anstößt. Dafür müsstest du dich dann natürlich zwangsweise ein wenig in JavaScript einarbeiten, allerdings sind die Formularfunktionen zum Glück auch nicht so extrem schlimm.

Wenn es ausreicht, dass die Daten da sind, wenn der User mit der Eingabe im Textfeld fertig ist und zu einem anderen Feld wechselt, dann würde ich onBlur benutzen. Das aktualisiert dann nur, wenn der Nutzer das Feld wieder verlässt, also die Eingabe quasi beendet. Wenn es ausreicht kannst du natürlich sogar auch auf den Klick auf einen Button reagieren, so dass du das Formular komplett nur über AJAX abschickst. Das hätte dann sogar Trafficvorteile, weil du weniger Daten zurückbekommst - normalerweise jedenfalls.

[phillip]

huiuiui, soviel Text auf einmal ^^
Ja ich denke ich machs mit onBlur...
Das Ziel, was ich eigentlich erreichen will ist, dass der User sein profil in der Profilansicht bearbeiten kann, somit wäre schon wieder eine unnötige Seite gespart.

Das mit dem Formular abschicken via Button ist nicht schlecht, aber dann könnte ich auch ein normales Formular abschicken, verstehst du was ich meine, es ist dann nicht wirklich cooles AJAX XD

Und ich weiss auch nicht, ob der User bei dem Tüpfchen, dass er auf dem i noch vergessen hat immer ein Button bei jeder Änderung klicken will (Ja, so faul sind wir heutzutage, und es ist traurig )