Input leeren mit Java Script

web-freak

Ja Hallo erstmal... Ich programmiere gerade an einem Chat, nun tat sich folgendes Problem auf. Hier der Code:

Code

<script language="JavaScript">
function leeren() {
document.eingabe.message.value='';
}
</script>
<form action="write.php" target="write" method="post" name="eingabe" onsubmit="return leeren();">
<input type="hidden" name="nickname" value="Chatter">
[b]Chatter:[/b] <input type="text" name="message" class="form_3" autocomplete="off">
<input type="submit" name="go" class="form_2" value="GO" maxlength="500">
</form>[url='index.php']Logout[/url]
<iframe name="write" class="no_frame" src="write.php"></iframe>

Alles anzeigen

Nach dem Klick auf GO wird durch den Eventhandler "onsubmit" das obere Script ausgelösst, welches die Eingabe entfernt. Das Problem ist aber, dass die POST-Daten garnicht versendet werden?! Ich hoffe es gibt hier ein paar JS-Kenner Danke für eure Hilfe, MFG web-freak

Ronald

Moin!

Erstmal Gegenfrage: welchen Sinn macht es, die Postdaten zu löschen wenn man auf "submit" klickt ?

Weshalb? Es wird doch nur das Textfeld geleert...

Ronald

eben - da schreibt der User also einen Tedxt in den Chat und du löscht ihn wieder bevor er dargstellt werden kann, warum das?
Wäre es nicht einfacher, das Schreiben im Chat gleich ganz zu unterbinden?

*lol*, deshalb möchte ich ja, dass du mir sagst, wie man ERST sendet und DANN löscht

Ronald

Ach so ...

Einfachste Lösung: eine hidden-variable einbauen und den Wert per Javascript dahin übergeben, dann die Originalvariable leeren und alles abschicken.

Beispiel:

Code

<script language="JavaScript">
function leeren() 
  {
      document.eingabe.message.value = document.eingabe.user_post.value;
      document.eingabe.user_post.value = "";
      return true;
  }
</script>
<form action="write.php" target="write" method="post" name="eingabe" onsubmit="return leeren();">
<input type="hidden" name="nickname" value="Chatter">
<input type="hidden" name="message" value="">
[b]Chatter:[/b] <input type="text" name="user_post" class="form_3" autocomplete="off">
<input type="submit" name="go" class="form_2" value="GO" maxlength="500">
</form>

Alles anzeigen

So sollte es klappen, habs allerdings nicht getestet.

G.a.d.M.

Ronald

Hi, leider geht es nicht Das Senden klappt zwar, aber der Text wird nicht entfernt.

Ronald

Also bei mir geht es ohne Probleme, ich hbas jetzt grade mal eben getestet.

Benn mal deine "write.php" um und erstelle eine neue Datei "write.php" mit folgendem Inhalt:[php:1:fea7a47b7f]<?php
echo $_POST['message'];
?>[/php:1:fea7a47b7f]

Dann packst du den zuvor von mir geposteten Quelltext für das Eingabeformular in eine x-beliebige Datei und startest sie.
Nach Eingabe eines Textes und "go" öffnet sich ein neues Fenster mit dem Text und das Eingabeformular wird wieder geleert = Beweis, daß es funktioniert.

Wenn es nicht klappt, dann hapert es bei dir irgendwo anders.

G.a.d.M.

Ronald

web-freak

Cool, jetzt gehts DANKE! Ach so, hier nochmal der Code:

Code

<iframe src="chat.php" name="chat" scrolling="yes" width="480" height="440" class="frame_1"></iframe>




<script language="JavaScript">
function leeren() {
document.eingabe.message.value = document.eingabe.user_post.value;
document.eingabe.user_post.value = "";
return true;
}
</script>
<form action="write.php" target="write" method="post" name="eingabe" onsubmit="return leeren();">
<input type="hidden" name="nickname" value="Chatter">
<input type="hidden" name="message" value="">
[b]Chatter:[/b] <input type="text" name="user_post" class="form_3" autocomplete="off">
<iframe name="write" class="no_frame" src="write.php"></iframe>
<input type="submit" name="go" class="form_2" value="GO" maxlength="500">
</form>

Alles anzeigen

Input leeren mit Java Script

Tags

Benutzer online in diesem Thema