codetoad.com
  ASP Shopping CartForum & BBS
  - all for $20 from CodeToad Plus!
  
  Home || ASP | ASP.Net | C++/C# | DHTML | HTML | Java | Javascript | Perl | VB | XML || CodeToad Plus! || Forums || RAM 
Search Site:



Home » DHTML » Article

DHTML Type Writer Effect

Article by: Premshree Pillai (8/28/2002)
Bookmark us now! Add to Favourites
Email a friend!Tell a friend
Sponsored by: FindMyHosting - Web Hosting Search
Summary: Classic DHTML script that creates text onscreen as if it were being type-written.
Viewed: 27627 times Rating (42 votes): 
 2 out of 5
 Rate this Article  Read Comments  Post Comments

DHTML Type Writer Effect



This is a Teletypewriter that types out a message you want.

You can change the text by changing the variable text_type. The distance of the text from top can be changed by changing the variable begin_pos (Here it is 55). The distance of the text from the left can be changed by changing the variable left_pos (Here it is 110). You can also change the speed of typing by changing the variable time_length.

After all the text is typed out the cursor blinks. The blink speed can be changed by changing the value of the variable cursor_blink_speed (Here it is 300). You can also change the cursor character by changing the variable cursor_char (Here it is $).

Place the following code in the head of your web page.

Select All Code







CodeToad Experts

Can't find the answer?
Our Site experts are answering questions for free in the CodeToad forums
Rate this article:     Poor Excellent
View highlighted Comments
User Comments on 'DHTML Type Writer Effect '
Posted by :  Archive Import (Sumit Nandi Roy) at 08:08 on Friday, October 25, 2002
Excellent
Posted by :  Archive Import (Mike) at 11:28 on Friday, January 24, 2003
doesn't work
Posted by :  Archive Import (Brynn) at 01:10 on Saturday, February 22, 2003
Dosen't Worrk ok mabey its your fault?? duh! (Directed toward Mike)
Posted by :  Archive Import (Sameer Tadvi) at 02:10 on Saturday, March 08, 2003
Hi,
Your script are not responding
Posted by :  Archive Import (Jan) at 10:39 on Thursday, June 05, 2003
Works fine for me...

looks good.
Posted by :  Archive Import (David) at 22:52 on Monday, June 09, 2003
Works fine but will not type anywhere else but on top of page on top of my header!
Posted by :  Archive Import (Shawn) at 20:34 on Saturday, June 14, 2003
very nice :D
Posted by :  Archive Import (Sandeep) at 12:25 on Sunday, July 13, 2003
Hello Sir,
I was just going through DHTML type writer effect at http://www.codetoad.com/dhtml_type_writer.asp but the problem was that it is applicable for single line only.
So can you just provide me the code for implementing it on multiple line.
I will be very greatful to you...
Regards
Sandeep


To post comments you need to become a member. If you are already a member, please log in .

 



RELATED ARTICLES
Simple Thumbnail Browsing Solution
by Troy Wolf
This simple script allows the user to select from several thumbnail images and view the larger image, using a mixture of DHTML and Cascading style sheets.
Creating CSS Buttons
by Thomas D. Greer
With Cascading Style Sheets, you can turn ordinary hyperlinks into fully functional "buttons", without using JavaScript.
DHTML Horizontal Scroller
by Premshree Pillai
Scroll text horizontally when the user hovers over a link.
DHTML Javascript Ticker
by Premshree Pillai
This is a JavaScript Ticker which ticks a number of messages like the one shown above. It also has a useful 'Show All' feature.
Manipulate Scrollbar Colors Using CSS and JavaScript
by Mike Thompson
The thing about the default color of scrollbars is that it's dull and ugly -- usually this color is gray. Wouldn't it be nice to change this color to better fit the overall theme of your site? Luckily, Cascading Style Sheets and JavaScript can be used to do just that!
DHTML Scrolling Image
by Premshree Pillai
Using this script the user can scroll an image left or right by clicking a buttong
DHTML News Bar
by Premshree Pillai
This is the News Bar script which displays a number of messages and rotates them using DHTML.
DHTML Zoom In and Out Script
by Premshree Pillai
Using zoOom, you can zoom in and zoom out any image that is specified in the code.
DHTML Image Zoom Out
by Premshree Pillai
Click on the image and it zooms out and disappears. This script could be a way to handle advertising or other images.
Simple Mouse Trail using VB Script
by Jeff Anderson
With IE gaining in prominence every day, it's becoming acceptable to use VBScript in web pages. That makes some activities like the mouse trail a real cinch.








Recent Forum Threads
• Re: Perl Script - File Handling.
• Open a file from website
• Re: to open 5 terminals from one and also execute different commands on each terminal
• read a selected multiple line, those should match some of the values read in the files..
• Help me please
• Empty the contents of a file.
• Month Start, End dates
• show hide problem in dynamic table creation
• Re: ASP Sendmail has huge delay - ANYONE??


Recent Articles
ASP GetTempName
Decode and Encode UTF-8
ASP GetFile
ASP FolderExists
ASP FileExists
ASP OpenTextFile
ASP FilesystemObject
ASP CreateFolder
ASP CreateTextFile
Javascript Get Selected Text


© Copyright codetoad.com 2001-2008