Why does this not fully work? <Textarea> + DIV + InnerHTML

am 26.10.2007 16:13:37 von SaraLeePerson

</<br />
textarea><br />
</form><br />
<br />
<div id=divtag></div><br />
<br />
<script><br />
function whynowork(){<br />
document.getElementById("divtag").innerHTML =<br />
document.forms['theform'].elements['inputbox'].value<br />
}<br />
</script><br />
<br />
Hello<br />
Can someone please explain what I am doing wrong here?  When you enter<br />
something into the textarea, it skips the first character.  How can I<br />
rectify this problem? :-)</p>
</article>
<article>
<h2>Re: Why does this not fully work? <Textarea> + DIV + InnerHTML</h2><span>am 26.10.2007 16:27:39 von Good Man</span>
<p>SaraLeePerson@gmail.com wrote in news:1193408017.649249.158790<br />
@y42g2000hsy.googlegroups.com:<br />
<br />
> <form name=theform><br />
> <textarea onkeydown="whynowork()" ID="inputbox" cols=25 rows=5></<br />
> textarea><br />
> </form><br />
> <br />
> <div id=divtag></div><br />
> <br />
> <script><br />
> function whynowork(){<br />
> document.getElementById("divtag").innerHTML =<br />
> document.forms['theform'].elements['inputbox'].value<br />
> }<br />
> </script><br />
> <br />
> Hello<br />
> Can someone please explain what I am doing wrong here?  When you enter<br />
> something into the textarea, it skips the first character.  How can I<br />
> rectify this problem? :-)<br />
<br />
<br />
why use "onkeydown()"?  your function is working (aside from your terrible <br />
HTML that is missing quotes at random).<br />
<br />
when the key is going down, there *is* no value in the textarea yet.  use <br />
onchange(); or something.</p>
</article>
<article>
<h2>Re: Why does this not fully work? <Textarea> + DIV + InnerHTML</h2><span>am 26.10.2007 17:17:30 von Harlan Messinger</span>
<p>SaraLeePerson@gmail.com wrote:<br />
> <form name=theform><br />
> <textarea onkeydown="whynowork()" ID="inputbox" cols=25 rows=5></<br />
> textarea><br />
> </form><br />
> <br />
> <div id=divtag></div><br />
> <br />
> <script><br />
> function whynowork(){<br />
> document.getElementById("divtag").innerHTML =<br />
> document.forms['theform'].elements['inputbox'].value<br />
> }<br />
> </script><br />
> <br />
> Hello<br />
> Can someone please explain what I am doing wrong here?  When you enter<br />
> something into the textarea, it skips the first character.  How can I<br />
> rectify this problem? :-)<br />
<br />
Because there isn't a character until the key has come back up and the <br />
key press has been registered. If you type more than one character, the <br />
display in the divtag div should be one character behind each time. Use <br />
onkeypress.</p>
</article>
<article>
<h2>Re: Why does this not fully work? <Textarea> + DIV + InnerHTML</h2><span>am 26.10.2007 17:52:34 von spambait</span>
<p>In article <1193408017.649249.158790@y42g2000hsy.googlegroups.com>, SaraLeePerson@gmail.com wrote:<br />
><form name=theform><br />
<br />
name="theform"<br />
<br />
><textarea onkeydown<br />
<br />
onKeyDown<br />
<br />
>="whynowork()" ID="inputbox" cols=25 rows=5></<br />
>textarea><br />
></form><br />
><br />
><div id=divtag></div><br />
<br />
id="divtag"<br />
><br />
><script><br />
>function whynowork(){<br />
>document.getElementById("divtag").innerHTML =<br />
>document.forms['theform'].elements['inputbox'].value<br />
>}<br />
></script><br />
><br />
>Hello<br />
>Can someone please explain what I am doing wrong here?  When you enter<br />
>something into the textarea, it skips the first character. <br />
<br />
As you can easily see by typing 12345 in the textarea, it's not the *first* <br />
character that fails to display. Go slowly, and observe when each character <br />
appears.<br />
<br />
Observe what happens when you type 123<backspace>4<shift>.<br />
That should be instructive. :-)<br />
<br />
> How can I<br />
>rectify this problem? :-)<br />
<br />
Consider the sequence of events that occurs when a key is pressed, then <br />
evaluate whether onKeyDown is the event handler you're really interested in, <br />
or if another one might be more appropriate. <g><br />
<br />
-- <br />
Regards,<br />
        Doug Miller (alphageek at milmac dot com)<br />
<br />
It's time to throw all their damned tea in the harbor again.</p>
</article>
<article>
<h2>Re: Why does this not fully work? <Textarea> + DIV + InnerHTML</h2><span>am 26.10.2007 19:17:01 von PointedEars</span>
<p>Doug Miller wrote:<br />
> SaraLeePerson@gmail.com wrote:<br />
>> <form name=theform><br />
> <br />
> name="theform"<br />
<br />
Attribute-delimiting quotes are not required here in HTML, but recommended.<br />
 They are required regardless of the attribute value in XHTML only.  More<br />
important is that a required attribute is missing here:<br />
<br />
  <form action="..." name="theform"><br />
<br />
>> <textarea onkeydown<br />
> <br />
> onKeyDown<br />
<br />
Both are correct in HTML, the former is recommended there and required in XHTML.<br />
<br />
>> [...]<br />
>> <div id=divtag></div><br />
> <br />
> id="divtag"<br />
<br />
See above.<br />
<br />
>> <script><br />
<br />
The `type' attribute is required for the `script' element.<br />
<br />
  <script type="text/javascript"><br />
<br />
<br />
F'up2 alt.html<br />
<br />
PointedEars<br />
-- <br />
Anyone who slaps a 'this page is best viewed with Browser X' label on<br />
a Web page appears to be yearning for the bad old days, before the Web,<br />
when you had very little chance of reading a document written on another<br />
computer, another word processor, or another network. -- Tim Berners-Lee</p>
</article>
<article>
<h2>Re: Why does this not fully work? <Textarea> + DIV + InnerHTML</h2><span>am 26.10.2007 19:19:01 von getsanjay.sharma</span>
<p>On Oct 26, 8:52 pm, spamb...@milmac.com (Doug Miller) wrote:<br />
> In article <1193408017.649249.158...@y42g2000hsy.googlegroups.com>, SaraLeePer...@gmail.com wrote:<br />
> ><form name=theform><br />
><br />
> name="theform"<br />
><br />
> ><textarea onkeydown<br />
><br />
> onKeyDown<br />
<br />
Isn't HTML itself case insensitive? If this were javascript it makes<br />
sense that we need to write only 'onclick' and nothing else but in<br />
HTML...I guess I am a bit confused here..<br />
<br />
Searching the W3C for this sadly didn't yield any results...</p>
</article>
<article>
<h2>Re: Why does this not fully work? <Textarea> + DIV + InnerHTML</h2><span>am 26.10.2007 19:29:22 von PointedEars</span>
<p>getsanjay.sharma@gmail.com wrote:<br />
> On Oct 26, 8:52 pm, spamb...@milmac.com (Doug Miller) wrote:<br />
>> [...] SaraLeePer...@gmail.com wrote:<br />
>>> <form name=theform><br />
>> name="theform"<br />
>><br />
>>> <textarea onkeydown<br />
>> onKeyDown<br />
> <br />
> Isn't HTML itself case insensitive?<br />
<br />
Regarding element type identifiers and attribute names, yes.<br />
<br />
> Searching the W3C for this sadly didn't yield any results...<br />
<br />
Then you have not searched enough:<br />
<br />
http://www.w3.org/TR/REC-html40/intro/sgmltut.html#h-3.2.2<br />
<br />
<br />
F'up2 alt.html<br />
<br />
PointedEars<br />
-- <br />
Prototype.js was written by people who don't know javascript for people<br />
who don't know javascript. People who don't know javascript are not<br />
the best source of advice on designing systems that use javascript.<br />
  -- Richard Cornford, cljs, <f806at$ail$1$8300dec7@news.demon.co.uk></p>
</article>
<article>
<h2>Re: Why does this not fully work? <Textarea> + DIV + InnerHTML</h2><span>am 26.10.2007 19:58:03 von getsanjay.sharma</span>
<p>On Oct 26, 8:52 pm, spamb...@milmac.com (Doug Miller) wrote:<br />
> In article <1193408017.649249.158...@y42g2000hsy.googlegroups.com>, SaraLeePer...@gmail.com wrote:<br />
> ><form name=theform><br />
><br />
> name="theform"<br />
><br />
> ><textarea onkeydown<br />
><br />
> onKeyDown<br />
<br />
Isn't HTML itself case insensitive? If this were javascript it makes<br />
sense that we need to write only 'onclick' and nothing else but in<br />
HTML...I guess I am a bit confused here..<br />
<br />
Searching the W3C for this sadly didn't yield any results...</p>
</article>

<footer>
<a href="/">Index</a> | 
<a href="/impressum.php">Impressum</a> | 
<a href="/datenschutz.php">Datenschutz</a> | 
<a href="https://www.xodox.de/">XODOX</a>
</footer>

</main>
</body>
</html>