Instances are created by the browser when it encounters an HTML tag.</p></td></tr> <tr><td><p>In the JavaScript object hierarchy, the Textarea object is located at window.document.Form.Textarea.</p></td></tr> <tr><td><table class=tutorialTable><TR><td><B>Event Handlers/Methods/Properties</B></td><td><B>Description</B></td></TR><tr><td>onBlur</td><td>Called when the text area loses the focus.</td></tr><tr><td>onChange</td><td>Called when the text area loses the focus and has had its value modified.</td></tr><tr><td>onFocus</td><td>Called when the text area receives the focus.</td></tr><tr><td>onKeyDown</td><td>Called when a key is pressed down. This occurs before an onKeyPress event handler is triggered.</td></tr><tr><td>onKeyPress</td><td>Called when a key is pressed down immediately after an onKeyDown event handler is triggered.</td></tr><tr><td>onKeyUp</td><td>Called when a key is released.</td></tr><tr><td>onSelect</td><td>Called when a user selects some of the text within the text area.</td></tr><tr><td>blur()</td><td>Removes the focus from the text area.</td></tr><tr><td>focus()</td><td>Gives the focus to the text area.</td></tr><tr><td>handleEvent()</td><td>Invokes the handler for the event specified.</td></tr><tr><td>select()</td><td>Selects the text in the text area.</td></tr><tr><td>defaultValue</td><td>Returns the value of this text area defined between the beginning and ending <textarea> tags. Note that this property is not supported by the Opera browsers.</td></tr><tr><td>form</td><td>Returns the entire form the text area is in.</td></tr><tr><td>name</td><td>Returns the name of this text area specified by the NAME attribute.</td></tr><tr><td>type</td><td>Returns the type of this text area. Note that this is always textarea.</td></tr><tr><td>value</td><td>Returns the value that is actually displayed in the text area.</td></tr></table><BR><BR></td></tr> <tr><td><SCRIPT LANGUAGE="JavaScript"> var newWindow function makeNewWindow() { newWindow = window.open("http://www.java2java.com/Tutorial/JavaScriptDemo/Textarea.htm","","toolbar=yes,scrollbars=yes, resizable=yes,HEIGHT=700,WIDTH=800") } </SCRIPT> <FORM> <INPUT TYPE="button" VALUE="Try this example" onClick="makeNewWindow()"> </FORM> <table border="0" cellpadding="3" cellspacing="0" bgcolor="#ffffff"> <tr> <!-- start source code --> <td nowrap="nowrap" valign="top" align="left"> <div class="codeShade"><code> <font color="#000000"><</font><font color="#7f0055"><b>html</b></font><font color="#000000">></font><br/> <font color="#ffffff"> </font><font color="#000000"><head></font><br/> <font color="#ffffff"> </font><font color="#000000"><script language=</font><font color="#2a00ff">"JavaScript"</font><font color="#000000">></font><br/> <font color="#ffffff"> </font><font color="#000000"><!--</font><br/> <font color="#ffffff"> </font><font color="#7f0055"><b>function </b></font><font color="#000000">openWin</font><font color="#000000">(){</font><br/> <font color="#ffffff"> </font><font color="#000000">var myInstance = document.myForm.myTextArea;</font><br/> <font color="#ffffff"> </font><font color="#000000">var myWin = open</font><font color="#000000">(</font><font color="#2a00ff">""</font><font color="#000000">, </font><font color="#2a00ff">""</font><font color="#000000">,</font><font color="#2a00ff">"width=450,height=200"</font><font color="#000000">)</font><font color="#000000">;</font><br/> <font color="#ffffff"> </font><font color="#000000">myWin.document.write</font><font color="#000000">(</font><font color="#2a00ff">"The defaultValue is: " </font><font color="#000000">+ myInstance.defaultValue + </font><font color="#2a00ff">"<br>"</font><font color="#000000">)</font><font color="#000000">;</font><br/> <font color="#ffffff"> </font><font color="#000000">myWin.document.write</font><font color="#000000">(</font><font color="#2a00ff">"The name is: " </font><font color="#000000">+ myInstance.name + </font><font color="#2a00ff">"<br>"</font><font color="#000000">)</font><font color="#000000">;</font><br/> <font color="#ffffff"> </font><font color="#000000">myWin.document.write</font><font color="#000000">(</font><font color="#2a00ff">"The type is: " </font><font color="#000000">+ myInstance.type + </font><font color="#2a00ff">"<br>"</font><font color="#000000">)</font><font color="#000000">;</font><br/> <font color="#ffffff"> </font><font color="#000000">myWin.document.write</font><font color="#000000">(</font><font color="#2a00ff">"The value is: " </font><font color="#000000">+ myInstance.value + </font><font color="#2a00ff">"<br>"</font><font color="#000000">)</font><font color="#000000">;</font><br/> <font color="#ffffff"> </font><font color="#000000">myWin.document.write</font><font color="#000000">(</font><font color="#000000">myInstance.</font><font color="#7f0055"><b>form</b></font><font color="#000000">.myButton.value</font><font color="#000000">)</font><font color="#000000">;</font><br/> <font color="#ffffff"> </font><font color="#000000">myWin.document.close</font><font color="#000000">()</font><font color="#000000">;</font><br/> <font color="#ffffff"> </font><font color="#000000">}</font><br/> <font color="#ffffff"> </font><font color="#000000">--></font><br/> <font color="#ffffff"> </font><font color="#000000"></script></font><br/> <font color="#ffffff"> </font><font color="#000000"></head></font><br/> <font color="#ffffff"> </font><font color="#000000"><</font><font color="#7f0055"><b>body</b></font><font color="#000000">></font><br/> <font color="#ffffff"> </font><font color="#000000"><</font><font color="#7f0055"><b>form </b></font><font color="#000000">name=</font><font color="#2a00ff">"myForm"</font><font color="#000000">></font><br/> <font color="#ffffff"> </font><font color="#000000"><textarea name=</font><font color="#2a00ff">"myTextArea" </font><font color="#000000">rows=</font><font color="#990000">6 </font><font color="#000000">cols=</font><font color="#990000">50</font><font color="#000000">></font><br/> <font color="#ffffff"> </font><font color="#000000">Here is some text in my text area.</font><br/> <font color="#ffffff"> </font><font color="#000000"></textarea></font><br/> <font color="#ffffff"> </font><font color="#000000"><input type=BUTTON value=</font><font color="#2a00ff">"Click to Process" </font><font color="#000000">name=</font><font color="#2a00ff">"myButton" </font><font color="#000000">onClick=</font><font color="#2a00ff">"openWin()"</font><font color="#000000">></font><br/> <font color="#ffffff"> </font><font color="#000000"></</font><font color="#7f0055"><b>form</b></font><font color="#000000">></font><br/> <font color="#ffffff"> </font><font color="#000000"></</font><font color="#7f0055"><b>body</b></font><font color="#000000">></font><br/> <font color="#ffffff"> </font><font color="#000000"></</font><font color="#7f0055"><b>html</b></font><font color="#000000">></font></code></div> </td> <!-- end source code --> </tr> </table> </td></tr> </table><TABLE border=0><TR><TD height=20></TD></TR></TABLE> <table cellpadding=0 cellspacing=0 width=800 border=0><tr><td colSpan=5>10. 16. TextArea</td></tr><tr class=odd><td width=20></td><td width=100>10. 16. 1. </td><td align=left>Textarea</td><td width=32></td><td width=200></td></tr><tr class=even><td width=20></td><td width=100>10. 16. 2. </td><td align=left><A href="Textareablur.htm">Textarea.blur()</a></td><td width=32></td><td width=200></td></tr><tr class=odd><td width=20></td><td width=100>10. 16. 3. </td><td align=left><A href="TextareadefaultValue.htm">Textarea.defaultValue</a></td><td width=32></td><td width=200></td></tr><tr class=even><td width=20></td><td width=100>10. 16. 4. </td><td align=left><A href="Textareafocus.htm">Textarea.focus()</a></td><td width=32></td><td width=200></td></tr><tr class=odd><td width=20></td><td width=100>10. 16. 5. </td><td align=left><A href="Textareaform.htm">Textarea.form</a></td><td width=32></td><td width=200></td></tr><tr class=even><td width=20></td><td width=100>10. 16. 6. </td><td align=left><A href="TextareahandleEvent.htm">Textarea.handleEvent()</a></td><td width=32></td><td width=200></td></tr><tr class=odd><td width=20></td><td width=100>10. 16. 7. </td><td align=left><A href="Textareaname.htm">Textarea.name</a></td><td width=32></td><td width=200></td></tr><tr class=even><td width=20></td><td width=100>10. 16. 8. </td><td align=left><A href="TextareaonBlur.htm">Textarea.onBlur</a></td><td width=32></td><td width=200></td></tr><tr class=odd><td width=20></td><td width=100>10. 16. 9. </td><td align=left><A href="TextareaonChange.htm">Textarea.onChange</a></td><td width=32></td><td width=200></td></tr><tr class=even><td width=20></td><td width=100>10. 16. 10. </td><td align=left><A href="TextareaonFocus.htm">Textarea.onFocus</a></td><td width=32></td><td width=200></td></tr><tr class=odd><td width=20></td><td width=100>10. 16. 11. </td><td align=left><A href="TextareaonKeyDown.htm">Textarea.onKeyDown</a></td><td width=32></td><td width=200></td></tr><tr class=even><td width=20></td><td width=100>10. 16. 12. </td><td align=left><A href="TextareaonKeyPress.htm">Textarea.onKeyPress</a></td><td width=32></td><td width=200></td></tr><tr class=odd><td width=20></td><td width=100>10. 16. 13. </td><td align=left><A href="TextareaonKeyUp.htm">Textarea.onKeyUp</a></td><td width=32></td><td width=200></td></tr><tr class=even><td width=20></td><td width=100>10. 16. 14. </td><td align=left><A href="TextareaonSelect.htm">Textarea.onSelect</a></td><td width=32></td><td width=200></td></tr><tr class=odd><td width=20></td><td width=100>10. 16. 15. </td><td align=left><A href="Textareaselect.htm">Textarea.select()</a></td><td width=32></td><td width=200></td></tr><tr class=even><td width=20></td><td width=100>10. 16. 16. </td><td align=left><A href="Textareatype.htm">Textarea.type</a></td><td width=32></td><td width=200></td></tr><tr class=odd><td width=20></td><td width=100>10. 16. 17. </td><td align=left><A href="Textareavalue.htm">Textarea.value</a></td><td width=32></td><td width=200></td></tr></table><TABLE border=0><TR><TD height=10></TD></TR></TABLE> <script type="text/javascript"><!-- google_ad_client="pub-1725451137117542";google_ad_width=728;google_ad_height=90;google_ad_format="728x90_as";google_ad_type="text_image";google_ad_channel="";google_color_border="ffffff";google_color_bg="ffffff";google_color_link="003399";google_color_text="000000";google_color_url="75a3ed"; //--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></td></tr></table></td></tr></table><center><TABLE border=0><TR align=left><TD><A href="/index.html">www.java2java.com</A> | <A href=../../../html/contact.htm>Contact Us</A></Td></TR><TR align=left><TD class=Templatetext>Copyright 2009 - 12 Demo Source and Support. All rights reserved.</TD></TR><TR align=left><TD>All other trademarks are property of their respective owners.</TD></TR></TABLE></center></BODY></HTML>