nachrichtenformular mit facebook stil

mentalman · 11.04.2011, 18:59

hallo,

ich habe für eine seite ein kleines nachrichtensystem geschrieben, das derzeit wie folgt funktioniert:

im quelltext der seite an position x steht folgendes div, dessen visibility per css auf "hidden" gesetzt ist:
<div id="nachricht"></div>

in dieses div wird dann, wenn der user auf ein nachrichtenicon klickt, per ajax folgender code geladen und dann wird obiges div natürlich noch auf visible gesetzt:

Code:

<div id="nachricht_head">
<span class="nachricht_head">NEUE NACHRICHT <?php echo $vorname; ?>  </span>
</div>
<form id="form_nachricht" name="form_nachricht" method="post" action="nachrichtsenden.php">
<input type="text" name="text_headline" id="textfield" maxlength="35"/>
<textarea name="text_nachricht" id="textarea" cols="45" rows="5"></textarea>
<input type="hidden" name="text_key" id="textfield" maxlength="35" value="<?php echo $key; ?>"/>
<input type="hidden" name="text_empfaenger" id="textfield" maxlength="35" value="<?php echo $user; ?>"/>
<input type="submit" name="button" id="button" value="Senden"/><input type="reset" name="button" id="button" value="Abbrechen" onclick="javascript:document.getElementById('nachricht').style.visibility='hidden';"/>
</form>

das funktioniert auch ganz prima.
ich hätte aber jetzt gerne, dass der code für das div ebenfalls per ajax mitgeladen wird und nicht bereits im seitenquelltext steht und damit für jeden sichtbar ist.
wenn ich das versuche, klappt das ganze nicht mehr.
ich vermute es liegt daran, dass der browser nicht weiss, wo er das div im kontext der bereits geladenen seite unterbringen soll und es somit einfach nicht anzeigt.
kann das sein?
oder soll ich es am besten ganz anders machen?

ChrisB · 11.04.2011, 19:03

Zitat:

Zitat von mentalman

ich vermute es liegt daran, dass der browser nicht weiss, wo er das div im kontext der bereits geladenen seite unterbringen soll und es somit einfach nicht anzeigt.

Oder daran, dass es gar nicht erst ins DOM der Seite eingefügt wird, weil du dafür gar nicht explizit gesorgt hast.

Zitat:

oder soll ich es am besten ganz anders machen?

Liefere bitte erst mal eine nachvollziehbare Problembeschreibung, die auch erkennen lässt, was du machst und wie.

mentalman · 11.04.2011, 19:20

hi,

zur obigen beschreibung fehlen eigentlich nur noch diese folgenden infos:

diese js function schreibt den von ajax geladenen quelltext in das div "nachricht":

Code:

function output() {
if (XMLHTTP.readyState == 4) {
document.getElementById("nachricht").innerHTML = XMLHTTP.responseText;
}

und dieses js ruft die funktion "load" auf, übergibt ihr die variable "$usernummer" und schaltet das div "nachricht" auf visible:

Code:

onclick=\"javascript:load('$usernummer');document.getElementById('nachricht').style.visibility='visible';\"

die funktion "load" erledigt dann den ajax teil, schickt die variable $usernummer an das entsprechende php-script, welches anhand dieser variable die restlichen daten des empfängers aus der datenbank liest und samt der in meinem ersten post angegeben html-codes an den browser zurückschickt.

ChrisB · 11.04.2011, 19:33

Zitat:

Zitat von mentalman

diese js function schreibt den von ajax geladenen quelltext in das div "nachricht"

Na dann kann es so ja nicht mehr funktionieren, wenn es dieses Element gar nicht mehr gibt - das sollte dir aber klar sein, wenn du dich etwas mit den Grundlagen der Technik beschäftigt hast.

Da du offenbar sowieso ein Framework verwendest, schau dir an, welche Möglichkeiten dieses anbietet, (nachgeladenen) HTML-Code ins Dokument einzufügen, und such dir dann eine davon aus, die dir am passendsten erscheint.

mentalman · 11.04.2011, 19:50

Zitat:

Zitat von ChrisB

Na dann kann es so ja nicht mehr funktionieren, wenn es dieses Element gar nicht mehr gibt - das sollte dir aber klar sein, wenn du dich etwas mit den Grundlagen der Technik beschäftigt hast.

Da du offenbar sowieso ein Framework verwendest, schau dir an, welche Möglichkeiten dieses anbietet, (nachgeladenen) HTML-Code ins Dokument einzufügen, und such dir dann eine davon aus, die dir am passendsten erscheint.

keine panik, ich habe mich damit beschäftigt und bin kein dummy, der hier nen fertigen code sucht.
natürlich gibt es das element noch, es wird jetzt nur per ajax direkt mit zurückgeschickt.
was per ajax zurückkommt sieht jetzt nicht mehr so aus

<div id="nachricht_head">
....
</form>

sondern so
<div id="nachricht">
<div id="nachricht_head">
....
</form>
</div>

und nein, ich verwende kein frameworkt.

ChrisB · 11.04.2011, 20:17

Zitat:

Zitat von mentalman

natürlich gibt es das element noch, es wird jetzt nur per ajax direkt mit zurückgeschickt.

Damit gibt es das Element, auf das du mittels document.getElementById zugreifen willst, zu diesem Zeitpunkt im Hauptdokument aber nicht.

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
Facebook Login und eigener Login Paralell	blackcrow	PHP-Fortgeschrittene	17	29.05.2011 21:03
FaceBook Namen übergeben	AnotherB0y	PHP-Fortgeschrittene	2	21.03.2011 17:55
Facebook Plugin	Martini-1988	PHP Einsteiger	4	24.02.2011 22:10
Biete Facebook & Twitter Apps	mistermint	Beruflich	0	01.02.2011 16:21
Scriptsuche Facebook Event adder für Fan Page	memme	Scriptbörse	0	13.01.2011 11:56
[Erledigt] Suche versierten Facebook App Programmierer	ePole	Gewerblich	1	15.11.2010 14:16
[Erledigt] Facebook Graph Fatal Error	mistermint	PHP Tipps 2010	2	25.10.2010 21:27
Facebook Connect Status posten	Jan M.	PHP Tipps 2010	0	27.09.2010 22:38
per PHP auf Facebook posten	$$$ ThiKool $$$	Scriptbörse	5	10.05.2010 19:39
Facebook Stream Publish - kleine FB-App	NicoOne	Gewerblich	2	28.03.2010 21:45
[Erledigt] Suche Programmierer mit facebook API Erfahrung	eddiecibrian	Gewerblich	0	01.03.2010 18:32
"Facebook Connect" oder auf Facebook posten	Maaax	PHP-Fortgeschrittene	2	16.08.2009 23:00
Auftrag: Freundefinder über E-Mail-Adressbuch wie facebook	Christof Moser	Beitragsarchiv	2	28.05.2008 13:46

11.04.2011, 18:59
mentalman Erfahrener Benutzer Registriert seit: 07.07.2010 Beiträge: 231 PHP-Kenntnisse: Anfänger	nachrichtenformular mit facebook stil hallo, ich habe für eine seite ein kleines nachrichtensystem geschrieben, das derzeit wie folgt funktioniert: im quelltext der seite an position x steht folgendes div, dessen visibility per css auf "hidden" gesetzt ist: <div id="nachricht"></div> in dieses div wird dann, wenn der user auf ein nachrichtenicon klickt, per ajax folgender code geladen und dann wird obiges div natürlich noch auf visible gesetzt: Code: <div id="nachricht_head"> <span class="nachricht_head">NEUE NACHRICHT <?php echo $vorname; ?> </span> </div> <form id="form_nachricht" name="form_nachricht" method="post" action="nachrichtsenden.php"> <input type="text" name="text_headline" id="textfield" maxlength="35"/> <textarea name="text_nachricht" id="textarea" cols="45" rows="5"></textarea> <input type="hidden" name="text_key" id="textfield" maxlength="35" value="<?php echo $key; ?>"/> <input type="hidden" name="text_empfaenger" id="textfield" maxlength="35" value="<?php echo $user; ?>"/> <input type="submit" name="button" id="button" value="Senden"/><input type="reset" name="button" id="button" value="Abbrechen" onclick="javascript:document.getElementById('nachricht').style.visibility='hidden';"/> </form> das funktioniert auch ganz prima. ich hätte aber jetzt gerne, dass der code für das div ebenfalls per ajax mitgeladen wird und nicht bereits im seitenquelltext steht und damit für jeden sichtbar ist. wenn ich das versuche, klappt das ganze nicht mehr. ich vermute es liegt daran, dass der browser nicht weiss, wo er das div im kontext der bereits geladenen seite unterbringen soll und es somit einfach nicht anzeigt. kann das sein? oder soll ich es am besten ganz anders machen?


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

11.04.2011, 19:20
mentalman Erfahrener Benutzer Registriert seit: 07.07.2010 Beiträge: 231 PHP-Kenntnisse: Anfänger	hi, zur obigen beschreibung fehlen eigentlich nur noch diese folgenden infos: diese js function schreibt den von ajax geladenen quelltext in das div "nachricht": Code: function output() { if (XMLHTTP.readyState == 4) { document.getElementById("nachricht").innerHTML = XMLHTTP.responseText; } und dieses js ruft die funktion "load" auf, übergibt ihr die variable "$usernummer" und schaltet das div "nachricht" auf visible: Code: onclick=\"javascript:load('$usernummer');document.getElementById('nachricht').style.visibility='visible';\" die funktion "load" erledigt dann den ajax teil, schickt die variable $usernummer an das entsprechende php-script, welches anhand dieser variable die restlichen daten des empfängers aus der datenbank liest und samt der in meinem ersten post angegeben html-codes an den browser zurückschickt.