Hey, anyone know where I can find a good typewriter javascript app?
I found one, but its only for 1 line, and it doesnt support HTML- and I'm currently not advanced enough to actually modify it to work with HTML.
The other one works with HTML, and shows on the site, but when I use the same source code on my own computer, it refuses to work.
Typewriter 1: (The one that doesn support HTML)
The other one (from my friends site) is like this:
Thx for all the help guys (and girls!)!
s-)
I found one, but its only for 1 line, and it doesnt support HTML- and I'm currently not advanced enough to actually modify it to work with HTML.
The other one works with HTML, and shows on the site, but when I use the same source code on my own computer, it refuses to work.
Typewriter 1: (The one that doesn support HTML)
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Loading</title>
<meta name="GENERATOR" content="Namo WebEditor v4.0">
</head>
<body face="Stencil" bgcolor="black" text="lime" link="lime" vlink="lime" alink="lime">
<p id='anima' style="font-family:System,sans-serif; font-size:12pt; background-color:black; position:absolute; foreground-color:green;">
<font color="lime">
&nbsp;</font></p>
<p style="font-family:System,sans-serif; font-size:12pt;"><font color="lime"><br>
<br>
<SCRIPT LANGUAGE="JavaScript">
text = "Loading--------------------------------------100%"
word = text.split('.')
i = -1; //letter count
j = 0; //which word in array is to be spelled
start = 0; //variable to hold cycles of the blink
scount = 0; //variable to hold cycles of the mispell
function checkIt() {
with(document.all.anima) {
if(innerText.charAt(innerText.length-1) == "_") {
innerText = innerText.substring(0, innerText.length - 1);
return true;
}
else {
innerText = innerText + "_";
return false;
}
}
}
function blinkfor(count, timing) {
with(document.all.anima) {
if(start < count) {
if(checkIt()) {
start++;
}
mistake = 'blinkfor('+count+','+timing+')';
setTimeout('eval(mistake)', timing);
}
else {
start = 0;
i++;
call_It();
}
}
}
function mispell(offset,correction) {
with(document.all.anima) {
if(scount < offset) {
if(!checkIt()) {
innerText = innerText.substring(0, innerText.length-2) + "_";
scount++;
}
mistake = 'mispell(' + offset + ', "' + correction + '")';
setTimeout("eval(mistake)", 150);
}
else {
if(correction == '' && scount == offset ) {
i = i - offset;
scount++;
}
if(offset > 0) {
if(checkIt()) {
innerText += correction.charAt(correction.length - offset) + "_";
offset--;
}
mistake = 'mispell(' + offset + ',"' + correction + '")';
setTimeout("eval(mistake)", 150);
}
else {
scount = 0;
j++;
innerText = innerText.substring(0, innerText.length - 1);
call_It();
}
}
}
}
function spellit(string) {
with(document.all.anima) {
if(i <= string.length) {
if(string.charAt(i) == '/') {
NumErrs = string.charAt(i + 1);
NewLets = string.substring(i + 2, i + NumErrs);
mispell(NumErrs,NewLets);
}
else if(i <= string.length - 1) {
i++;
innerText = string.substring(0,i) + "_";
mistake = 'spellit("' + string + '")';
setTimeout("eval(mistake)", 150);
}
else {
innerText = string.substring(0, i);
j++;
call_It();
}
}
}
}
function call_It() {
with(document.all) {
if(i == -1){
blinkfor(4, 150);
}
else if(j <= word.length - 1) {
spellit(anima.innerText + " " + word[j]);
}
else {
blinkfor(100,230);
}
}
}
if(document.all) {
call_It();
}
</script>
</font></body>
</html>The other one (from my friends site) is like this:
Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>[Silent Thunder] members area</title>
<!--[ HEAD ::Java-SCRIPTS:: By Paul Crabtree aka AbomiNation ]-->
<SCRIPT LANGUAGE=JavaScript>
var strText = "";
function showtext(i) {
var HTMLtag = 0;
for (count=4; i < strText.length && count > 2; i++) {
if (strText.charAt(i) == "<" || strText.charAt(i) == ">") HTMLtag = !HTMLtag;
if (!HTMLtag) count--;
}
document.all["grim"].innerHTML = strText.substr(0, i);
if (i < strText.length) setTimeout("showtext(" + i + ")", 20);
}
function fart() {
strText = document.all["grim"].innerHTML;
document.all["grim"].innerHTML = "";
document.all["grim"].style.visibility = "visible";
setTimeout("showtext(0)", 100);
}
</SCRIPT>
<!--:[ END OF ME J-Scripts ]:-->
</head>
<body bgcolor="#000000" ONLOAD="fart()">
<div align="center">
<center>
<table border="1" width="40%" bordercolor="#808080" bgcolor="#C0C0C0" bordercolorlight="#808080" bordercolordark="#666666" height="123">
<tr>
<td width="100%" height="117">
<script Language="JavaScript">
function password (pass) {
var password = ''
if (password != null){
location.href= pass + ".htm";
}
}
</script>
<form name="login">
<FONT COLOR=black ID=grim STYLE="visibility:hidden">
<FONT FACE="Verdana" SIZE=2>
<FONT COLOR="#000000">
<center>
Hello.<P> If your a member and you do not have a Passcode yet, [-<A HREF="mailto:vad000@att.net">E-mail me</A>-]<P>
A...
</center>
<P>
<hr>
</FONT>
</FONT>
</FONT>
<hr>
<p align="center"><font color="#000000">]-:-Enter password-:-[</font><br>
<br><center>
<input NAME="pass" size="20" type="password"><br>
<input TYPE="button"
VALUE="::Press to Login::" onClick="password(form.pass.value)">
</center>
</p>
<div align="left">
<hr>
<div align="left">
<hr>
</div>
</div>
</form>
</td>
</tr>
</table>
</div>
</body>
</html>
<!-- text below generated by server. PLEASE REMOVE --></table></script></style></noscript>
<script language="JavaScript" src="[URL unfurl="true"]http://us.geo1.yimg.com/us.geocities.com/js_source/ygIELib8.js"></script><script[/URL] language="JavaScript">var yviContents='[URL unfurl="true"]http://us.toto.geo.yahoo.com/toto?s=76001072&l=NE&b=1&t=982004612';</script></script><script[/URL] language="JavaScript">yviR='us';yfiEA(0);</script></script><script language="JavaScript" src="[URL unfurl="true"]http://us.geo1.yimg.com/www.geocities.com/js_source/geov2.js"></script><script[/URL] language="javascript">geovisit();</script><noscript><img src="[URL unfurl="true"]http://visit.geocities.com/visit.gif"[/URL] border=0 width=1 height=1></noscript>
<IMG SRC="[URL unfurl="true"]http://geo.yahoo.com/serv?s=76000424&t=982004612"[/URL] ALT=1 WIDTH=1 HEIGHT=1>s-)
