✔ onkeyup und DIV

F

Frank73

Mitglied
Hallo zusammen,

ich habe eine Frage zu onkeyup. Das folgende Beispiel aus Selfhtml aktualisiert bei jeder Änderung das Ausgabefeld. Was ich möchte ist, das die Aktualisierung in einem Div erfolgt.

<div id="text"></div>

HTML: 
<html><head><title>Test</title>
</head><body>
<form name="Test" action="">
<input type="text" size="30" name="Eingabe"
  onkeyup="this.form.Ausgabe.value = this.value"><br>
<input type="text" readonly="readonly" size="30" name="Ausgabe"><br>
<input type="reset">
</form>
</body></html>

Hat jemand einen Tipp wie das funktioniert?

Vielen Dank für jeden Hinweis

Frank
 
Code: 
<script type="text/javascript">
function onKeyAusgabe(value){
   document.getelementById('ausgabe').innerHTML = value;
}
</script>

<form name="Test" action="">
<input type="text" size="30" name="Eingabe"
  onkeyup="onKeyAusgabe(this.value);"><br>
<br>
<input type="reset">
</form>
<div id="ausgabe"></div>

Das wäre eine Variante. Habs jetzt nicht getestet, aber sollte funktionieren.
Hier wird halt wieder Javascript und HTML vermischt, was eigentlich heutzutage nicht mehr sein sollte.
 
Zuletzt bearbeitet:
Das Beispiel von selfthtml ist auch JavaScript:

Code: 
this.form.Ausgabe.value = this.value

ist eigentlich nichts anderes wie die funktion von mir, nur das hier keine Funktion erzeugt wurde, sondern direkt in den EventHandler geschrieben wurde.
Meine Funktion würde in etwa direkt so ausehen:
Code: 
<html><head><title>Test</title>
</head><body>
<form name="Test" action="">
<input type="text" size="30" name="Eingabe"
  onkeyup="document.getElementById('ausgabe).innerHTML = this.value"><br>
<input type="text" readonly="readonly" size="30" name="Ausgabe"><br>
<input type="reset">
</form>
<div id="ausgabe"></div>
</body></html>
 
ich habs im IE7&8, FF 3.6 getestet. Hier funktioniert es.

Hast du auch die richtige Schreibweise beachtet? Vergleich doch nochmal.
 
Ich habe genau diesen Code:

HTML: 
<html>
<head>
<script type="text/javascript">
function onKeyAusgabe(value)
{  document.getelementById('ausgabe').innerHTML = value; }
</script>

</head>
<body> 
<form name="Test" action="">
<TEXTAREA NAME="Eingabe" ROWS="2" COLS="20" onkeyup="onKeyAusgabe(this.value);"></TEXTAREA>
<br>
<input type="reset">
</form>
<div id="ausgabe"></div>
</body>
</html>
Und er funktioniert nicht. Weder im IE 7 noch im Firefox und auchnicht im Chrome - merkwürdig...
 
ja, da hat sich leider der Fehlerteufel eingeshclichen, hatte vergessen den 1. Beitrag zu editieren, im 2. steht es richtig.
Es muss
Code: 
document.getElementById
heissen.
Mit großem E
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück