molocho
Goto Top

HTML Formulare automatisch leeren

Hi,

folgendes Problem: ich habe mit PHP ein Chat-Skript geschrieben. Das wird dann ausgegeben auf einer Seite, die so aufgebaut ist: Oben ein Input-Element zum reinschreiben, da unter ist das Chatfenster (iframe), in das das Chat-Skript eingebunden ist und die Nachrichten anzeigt. Das funktioniert alles wunderbar, aber das Problem ist: wenn ich eine Nachricht absende, taucht sie zwar im Chatfenster auf, bleibt aber auch im <input>-Element, da ich die Seite ja nicht neu lade, sondern nur das eingebundene <iframe>.

Wie kann ich es hinbekommen, dass nach dem Drücken der "Enter"-Taste das <input>-Field resettet (also geleert) wird?

so ist der grobe aufbau des skriptes:
<form action=chat.php method=get target=chatwindow>
<input type=text name=message autofocus autocomplete=off>
</form>

<iframe src="" name=chatwindow style="margin:0px; margin:0px; border:0px; padding:0px; width:525px; height:400px; background-color:white;"></iframe>	 

Am liebsten wäre mir eine Lösung mit HTML, CSS oder PHP aber auch JavaScript geht wenn's muss.

Vielen Dank schon mal im voraus!

Content-Key: 241526

Url: https://administrator.de/contentid/241526

Printed on: April 25, 2024 at 10:04 o'clock

Member: wiesi200
wiesi200 Jun 21, 2014 updated at 15:07:36 (UTC)
Goto Top
Hallo,

mal schlicht in's blaue geraten.

Gib einfach den Wert "" im Textfeld vor.
<input type=text value="" name=message autofocus autocomplete=off>  
Member: Molocho
Molocho Jun 21, 2014 at 15:07:23 (UTC)
Goto Top
ah, sry, aber das geht nur, wenn das neu geladen wird Value="" is ja standart, das input feld wird aer nicht neu gesagen
Member: wiesi200
wiesi200 Jun 21, 2014 at 15:16:04 (UTC)
Goto Top
Ach ich hab Methode "get" übersehen.
Sorry
Member: colinardo
Solution colinardo Jun 22, 2014, updated at Jun 23, 2014 at 18:03:52 (UTC)
Goto Top
Moin,
Beispiel das ein Textfeld nach drücken der Entertaste im Feld, leert:
<!doctype html>
<html>
<head>
<meta charset="utf-8">  
<title>Mit Entertaste Feld leeren</title>
</head>
<script type="text/javascript">  
function keyup(event){
	if (event.keyCode == 13) {
		input = document.getElementById('textfeld');    
		input.value = '';  
	}
}
</script>
<body>
<input type="Text" onKeyUp="keyup(event)" id="textfeld"/>  
</body>
</html>
Grüße Uwe