• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Eingabezeile nach dem Senden löschen

W

wik

New member
Hallo,

ich habe ein Problem, undzwar habe ich mir ein JavaScript gebastelt, welches die Eingabezeile nach dem Absenden (Entertaste) wieder löscht. Es funktioniert gut, allerdings nicht im Chrome Browser. Im Firefox und IE funktionierts. Wie bringe ich es auch in Chrome nun zum Laufen?
Es handelt sich hier um ein Template für die Texteingabe eines Chats.

hier meine Seite mit Script:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    

    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="Cache-Control" content="post-check=0, pre-check=0, false" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="http://[entfernt]/css/chat/chat.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script language="JavaScript">
<!--
function sendForm(thisForm)
	{
	thisForm.submit();
	if(thisForm.msg.value != '') {
    thisForm.msg.value='';
	return false;
	}
	thisForm.msg.focus();
	}  
//-->
</script>
</head>
<body onload="javascript:document.getElementById('msg').focus();">
 

 <div>
<table width="100%">
<tr>
        
        <td>
         <div id="postsend"> 
            <form  name="f" method="post" action="http://%HOST%:%PORT%/MESSAGE" onSubmit="return sendForm(this);" autocomplete="off">

					<div> <input type="text" id="msg" name="msg"  class="inputtext1" autocomplete="off" style="width:80%; margin-bottom: 3px;"></div>
					<input type="hidden" name="sessionid" value="%SESSIONID%"></form></div> </td></tr><tr><td>
					<div><a href="http://%HOST%:%PORT%/MESSAGE?sessionid=%SESSIONID%&msg=/w" target="In">Im Raum</a> | <a href="http://%HOST%:%PORT%/MESSAGE?sessionid=%SESSIONID%&msg=/wc" target="In">Im Chat</a> | <a href="http://%HOST%:%PORT%/MESSAGE?sessionid=%SESSIONID%&msg=/away+kurz+weg" target="In">Abmelden</a> | <a href="http://%HOST%:%PORT%/MESSAGE?sessionid=%SESSIONID%&msg=/q" target="In">Chat verlassen</a> | <A HREF="http://%HOST%:%PORT%/CUSTOM?sessionid=%SESSIONID%&nh=%NH%&path=color.html" target="color" onclick="javascript:popup('http://%HOST%:%PORT%/CUSTOM?sessionid=%SESSIONID%&nh=%NH%&path=color.html','color','width=500,height=400, screenX=30, screenY=30,directories=no,toolbar=no,location=no,menubar=no,scrollbars=no,status=no,resizable=no,dependent=no')" >Farbe ändern</A></div> 
					
			
	
          
          
       
        </td>
   
    </tr>

</table>
 </div>

</body>
</html>

Ich bedanke mich herzlich

lG wik
 
wik schrieb:
ich habe ein Problem, undzwar habe ich mir ein JavaScript gebastelt, welches die Eingabezeile nach dem Absenden (Entertaste) wieder löscht. Es funktioniert gut, allerdings nicht im Chrome Browser. Im Firefox und IE funktionierts. Wie bringe ich es auch in Chrome nun zum Laufen?
Zum Vergrößern anklicken....
das kommt schon mal darauf an, was genau du serverseitig machst. wenn du die seite nochmal auslieferst, sollte dein
code thisForm.msg.value=''; nicht definierte auswirkungen haben, da du nicht sagen kannst, ob er schon gelaufen ist oder nicht, wenn die serverantwort eher kommt, wird der code vermutlich nicht mehr ausgeführt.
sendest du allerdings einen 204 sollte es überall passen, besser sollte ein 205 sein, dann kannst du dir das script sparen.
 
Nebenbemerkungen:
1. XHTML ist tot.
2. Das language-Attribut ist veraltet -> weg damit.
3. HTML-Kommentare im JS sind überflüssig und können sogar stören... außer du willst wirklich den Mosaic noch unterstützen.
4. in einem Eventlistener (z.B. onload) ist das "javascript:" komplett sinnfrei.
 
hesst schrieb:
das kommt schon mal darauf an, was genau du serverseitig machst. wenn du die seite nochmal auslieferst, sollte dein
code thisForm.msg.value=''; nicht definierte auswirkungen haben, da du nicht sagen kannst, ob er schon gelaufen ist oder nicht, wenn die serverantwort eher kommt, wird der code vermutlich nicht mehr ausgeführt.
sendest du allerdings einen 204 sollte es überall passen, besser sollte ein 205 sein, dann kannst du dir das script sparen.
Zum Vergrößern anklicken....

Danke für eure Kommentare, ich konnte einiges ausbessern.

also die Seite bleibt immer offen, es ist ein unteres frame was sich nicht neu lädt. Alles was ich möchte, dass der Text auch mit Google Chrome abgesendet wird... nach dem bestätigen der Entertaste, wird die eingabezeile zwar geleert aber der Text kommt nicht im Chat an
 
wik schrieb:
Alles was ich möchte, dass der Text auch mit Google Chrome abgesendet wird... nach dem bestätigen der Entertaste, wird die eingabezeile zwar geleert aber der Text kommt nicht im Chat an
Zum Vergrößern anklicken....
ach, das
wik schrieb:
Es funktioniert gut, allerdings nicht im Chrome Browser.
Zum Vergrößern anklicken....
bedeutet also der text kommt nicht an, gut zu wissen. wie gesagt, thisForm.msg.value=''; direkt in einem rutsch mit submit ist nicht ganz eindeutig, ich vermute dass das formular dann im chrome erst abgeschickt wird, wenn der msg-text schon geleert wurde. lass den js-code einfach weg und kuck mal nach, ob alle browser den status 205 richtig handeln(ideallösung), sende das form per ajax an den server und lösche dann per js die felder (zugabe falls js aktiviert ist, ist aber mittlerweile standard) oder falls nicht alle browser den 205 richtig handeln lösche den text im domready (noch zusätzlich zu den anderen beiden punkten um ganz sicher zu gehen)
 
Ich würde gerne noch anmerken, dass du für die Links vielleicht besser relative Pfade machst. Das gestaltet auch den wechsel von http zu https einfacher.
Falls die Seite komplexer wird würde ich auch zu AJAX und ggf. mit einem Framework raten. Ich helfe gerne zu AngularJS ;)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben