Formularfeld bei Onklick mit Text ersetzen

minimalwerk · #1 (**permalink**) 13.07.2009, 11:58

Hallo Community,

ich erstelle gerade mein Kontaktformular und stehe nun vor einem Problem. Meine Seite wurde mittels CSS als zweispaltiges Layout angelegt. Erstmal zwei Bilder zur Verdeutlichung:

Formular
http://img268.imageshack.us/img268/8436/contact1h.jpg

bei Klick auf Abschicken
http://img30.imageshack.us/img30/1628/contact2u.jpg

Ich möchte nun, sobald auf den Abschicken Button geklickt wird, dass sich mein linker Content Bereich sozusagen neu lädt und die Sendebestätigung einblendet. Schön wäre es nun, wenn sich auch nur dieser Contentbereich neulädt und nicht die ganze Seite.

Folgend mein bisheriger Code:

HTML

Zitat:

<div id="content_left">
<h3>Tippen Sie drauf los!</h3>
Scheuen Sie sich nicht mir einen Roman zu schreiben. Ob kurz oder lang, ich beantworte Ihnen gerne unverbindliche Preisanfragen und freue mich natürlich über jedes konkrete Jobangebot.

<div id="formular">
<form action="formular.php" onsubmit="return formularchecker(this)" method="post">
<h5>Name*</h5>
<input id="name" name="name" type="text" size="53" />
<h5>email*</h5>
<input id="mail" name="mail" type="text" size="53" />
<h5>Telefon</h5>
<input id="phone" name="phone" type="text" size="53" />
<h5>Nachricht*</h5>
<textarea id="message" name="nachricht" cols="40" rows="8"></textarea>
* Pflichtfelder
<input id="send" name="abschicken" type="submit" value="Abschicken" />
</form>
</div>
</div>

Javascript

Zitat:

Hoffe mir kann einer Unterstützung anbieten

lg

mantiz · #2 (**permalink**) 13.07.2009, 13:29

Machbar wäre das mit AJAX.

Einfach mal nach suchen, sollten sich zahlreiche Beispiele ohne Probleme finden lassen.

Eine Anmerkung: Ich hoffe, die Formulardaten werden auch serverseitig noch geprüft, nicht jeder hat Javascript aktiv.

minimalwerk · #3 (**permalink**) 13.07.2009, 13:41

ok, geht das auch noch anders? Von mir aus kann sich dann auch die ganze Seite neu laden. AJAX will ich mir erstmal jetzt nicht auch noch antun. Ich befinde mich gerade in einem Selbststudium und eigne mir XHTML, CSS und Javascript an wobei ich bei Javascript noch total in den Anfängen stecke.

Momentan läuft das Formularfeld auch nur über Javascript da ich von PHP gar keine Ahnung habe. Alleine für den PHP Code der mir dann die Benachrichtigung schickt habe ich einen ganzen Tag benötigt mich da rein zu lesen und das zum Laufen zu bekommen.

lg

regloh · #4 (**permalink**) 13.07.2009, 13:58

Zitat:

Momentan läuft das Formularfeld auch nur über Javascript da ich von PHP gar keine Ahnung habe.

Du MUSST PHP oder eine andere Sprache benutzen. Nur JS geht nicht.

Das Abschicken musst du eh serverseitig Prüfen. Somit brauchst du sowieso PHP und kannst getrost auf JS/Ajax verzichten. Alles nur Spielerei

Hier gibts ein schönes Tutorial für Formulare und deren serverseitige Prüfung: Pflichtfelder in Formularen bei Fehlern farbig hervorheben

mantiz · #5 (**permalink**) 13.07.2009, 14:04

Zitat:

Zitat von minimalwerk

Ich möchte nun, sobald auf den Abschicken Button geklickt wird, dass sich mein linker Content Bereich sozusagen neu lädt und die Sendebestätigung einblendet. Schön wäre es nun, wenn sich auch nur dieser Contentbereich neulädt und nicht die ganze Seite.

Das liest sich für mich so, dass die Seite eben nicht komplett neu geladen werden soll, was nur mit AJAX geht.

Ansonsten hat regloh Dir ja bereits einen Link gepostet.

minimalwerk · #6 (**permalink**) 13.07.2009, 14:09

achso, hatte das falsch verstanden. Das Abschicken wird ja auch serverseitig geprüft. Und zwar mit:

Zitat:

<?php
// Übernommen Daten per mail versenden
$empfaenger = 'xxx@xxxxxx.de';
$betreff = 'Nachricht aus meinem Kontaktformular';
$nachricht = "Name:_______ ".$_POST['name']."\n"."\n"."email:________ ".$_POST['mail']."\n"."\n"."Telefon:______ ".$_POST['phone']."\n"."\n"."Nachricht:_____ ".$_POST['nachricht'];
$header = 'From: MailServer' . "\r\n" .
'Reply-To: '.$_POST['mail']. "\r\n" .
'X-Mailer: PHP/' . phpversion();

mail($empfaenger, $betreff, $nachricht, $header);
?>

Werde mir den Link aber jetzt mal zu Gemüte führen

lg

protonenbeschleuniger · #7 (**permalink**) 13.07.2009, 14:29

So kann dein Skript als Spamschleuder verwendet werden.
Eine Clientseitige Überprüfung ist nur eine kleine Erleichtuerung für den User bzw. Server, hilft aber nichts gegen böse Buben die dein Skript in irgendeiner Form mißbrauchen wollen. In deinem Fall musst du aufpassen, dass keiner der Header oder Betreffzeilen einen Zeilenumbruch enthält.

minimalwerk · #8 (**permalink**) 13.07.2009, 14:37

Zitat:

Zitat von protonenbeschleuniger

So kann dein Skript als Spamschleuder verwendet werden.
Eine Clientseitige Überprüfung ist nur eine kleine Erleichtuerung für den User bzw. Server, hilft aber nichts gegen böse Buben die dein Skript in irgendeiner Form mißbrauchen wollen. In deinem Fall musst du aufpassen, dass keiner der Header oder Betreffzeilen einen Zeilenumbruch enthält.

das habe ich jetzt ehrlich gesagt nicht verstanden. Dieses Script habe ich mir aus so einem Anfänger Buch rausgesucht. Wie schon gesagt habe ich keinerlei Ahnung von PHP. Was genau muß ich denn umschreiben damit es sicherer wird? Oder kann man das jetzt gar nicht mal so kurz erklären?

lg

protonenbeschleuniger · #9 (**permalink**) 13.07.2009, 15:02

Bei dir läßt sich der Header Manipulieren
Spam-Gefahr durch Kontaktformulare | Formulare, Sicherheit, Spam | Dr. Web Magazin

minimalwerk · #10 (**permalink**) 14.07.2009, 12:37

Zitat:

Zitat von protonenbeschleuniger

Bei dir läßt sich der Header Manipulieren
Spam-Gefahr durch Kontaktformulare | Formulare, Sicherheit, Spam | Dr. Web Magazin

Ich habe mir die Seite jetzt mal durchgelesen aber verstehe sie ehrlich gesagt nicht

An welcher Stelle muß ich denn jetzt bei meinem Code etwas einfügen? Und besonders was muß da eingefügt werden?

Das ganze Thema PHP ist einfach noch zu heftig für mich. Ich lerne ja gerade mal seid knapp 2 Monaten per Selbststudium XHTM, CSS und seid kurzem Javascript. Vielleicht erbarmt sich einer hier und editiert das in meinen Code mit einer kurzen Erklärung. Wäre dafür jedenfalls sehr dankbar

lg

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
gibt es eine andere Lösung ohne Tabelle?	online	CSS	16	24.04.2009 08:41
DIV bis GANZ unten	burnZ	CSS	5	27.07.2008 13:14
Helft mir. Ich habe voll die Leseschwäche	nick	CSS	12	15.01.2008 20:52
CSS - Design (clear - Problem)	-Oliver-	CSS	11	21.12.2005 21:48
Tabellen in <div>-Tags	dexter2000	CSS	9	19.05.2005 09:53