How to Create Automatic Scrolling Content in Textarea using JavaScript

Submitted by alpha_luna on Thursday, June 16, 2016 - 16:31.
In this tutorial, we are going to create Automatic Scrolling Content in Textarea using JavaScript. This is simple source code that we are going to use to create this. Using this script, the content of the Textarea will automatically be scrolling up the page. Creating Textarea as shown in the image below. ResultHere's the source code in the image above. 
  1. <form name="msgform" action="">
  2.  <textarea class="area_style" id="msgarea" name="msgarea" cols=69 rows=12></textarea>
  3. </form>
The complete code. 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Automatic Scrolling Textarea</title>
  5.  
  6. <script src="js/function.js" language="JavaScript"></script>
  7. <link rel="stylesheet" type="text/css" href="css/style.css">
  8.  
  9. </head>
  10. <body onLoad = "DisplayScroll()"; onUnload = "quitDisplay()">
  11.  
  12. <form name="msgform" action="">
  13.  <textarea class="area_style" id="msgarea" name="msgarea" cols=69 rows=12></textarea>
  14. </form>
  15.  
  16. </body>
  17. </html>
So what can you say about this work? Share your thoughts in the comment section below or email me at [email protected]. Practice Coding. Thank you very much.

Tags

Add new comment

About text formats
  • 32 views