смотреть оглавление

примерразмер кода

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Автоматический телетайп текста в форме с показом в другой форме количества знаков</TITLE>
<META http-equiv=Page-Enter content=blendTrans(Duration=0.5)>
<META http-equiv=Page-Exit content=blendTrans(Duration=0.5)>
<META HTTP-EQUIV="Expires" CONTENT="Mon, 4 Dec 2006 00:00:00 GMT">
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<META http-equiv=Content-Language content=ru>
<META content=noindex name=robots>
<META content="javascript, JavaScript, скрипт, код, библиотека кодов, коды, вебмастер, webmaster, design, web-site, promotion, ad, banner, server, сайт, веб, дизайн, веб-дизайн, юзабилити, кнопки, навигация, ссылка, якорь, цвет, контраст, размер, стиль, оформление" name="keywords">
<META content="Javascript. Библиотека кодов более 1000 скриптов по любым разделам оформления веб-сайтов." name="description">
<BODY onload="type();init()">
<TABLE cellpadding=0 cellspacing=0 width=100% border=0><TR height="4"><TD><IMG src="http://www.03www.su/dot_clear.gif" alt="" height=1 width=1> </TD></TR></TABLE></DIV> <TABLE cellpadding=0 cellspacing=0 border=0 width=100%><TR>
 <TD valign=top width="106"> <a  href=http://www.03www.su/index.html  style="background-color: #FFFFFF;"><IMG src="http://www.03www.su/searcher07.jpg" alt="Искатель Javascript. Главная страница" border=0></a></TD>    <TD valign="top" width="104">  </TD><TD valign=middle width=1032 style="padding-top: 0px;">
</TD></TR></TABLE>

<P>
<script type="text/javascript">
<!--
var count = 0 // counter
var text1= "These examples shows how to create a simple typing effect."
+ " The text box below"
+ " Shows how many characters there are."

function type(){
isrunning=1 // 
document.typing1.t1.value= document.typing1.t1.value + text1.charAt(count) // add next character
document.typing1.t2.value=document.typing1.t1.value.length // get length of string
window.status= document.typing1.t1.value.length +" "+ document.typing1.t1.value // show in status bar

document.getElementById("display1").innerHTML=document.getElementById("display1").innerHTML + text1.charAt(count) // table display
document.getElementById("display2").innerHTML=document.getElementById("display1").innerHTML.length // table display

count++ // increment counter by 1
timeID= setTimeout("type()",50) // speed

if(count==text1.length){ // stop running when all characters shown
clearTimeout(timeID)
count=-1 // reset counter
isrunning=0 // not running
}

}

isrunning=0 // not running
function restart1(){ // reset values on restart
if(isrunning==1){return} // if already running then return
document.typing1.t1.value=""

document.getElementById("display1").innerHTML=""
document.getElementById("display2").innerHTML=0

type()
isrunning=1 // is running
}

// include onload="type()" in the opening body tag

// -->
</script>
<table border="0" width="100%"><tr><td>
<form name="typing1">
<textarea name="t1" rows=6 cols=45 wrap=virtual style="background-image:url(../main/bgmain4.jpg)">

There are letters in this message

[ ]

Type yourself

The following example allows you to enter your own text.
A limit to the amount of text entered is incorporated in the script.