<html>
<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Click in this order 1</title>
<script type="text/javascript" >
/*
An object-oriented Typing Text script, to allow for multiple instances.
A script that causes any text inside any text element to be "typed out", one letter at a time. Note that any HTML tags will not be included in the typed output, to prevent them from causing problems. Tested in Firefox v1.5.0.1, Opera v8.52, Konqueror v3.5.1, and IE v6.
Browsers that do not support this script will simply see the text fully displayed from the start, including any HTML tags.
Functions defined:
TypingText(element, [interval = 100,] [cursor = "",] [finishedCallback = function(){return}]):
Create a new TypingText object around the given element. Optionally
specify a delay between characters of interval milliseconds.
cursor allows users to specify some HTML to be appended to the end of
the string whilst typing. Optionally, can also be a function which
accepts the current text as an argument. This allows the user to
create a "dynamic cursor" which changes depending on the latest character
or the current length of the string.
finishedCallback allows advanced scripters to supply a function
to be executed on finishing. The function must accept no arguments.
TypingText.run():
Run the effect.
static TypingText.runAll():
Run all TypingText-enabled objects on the page.
*/
TypingText = function(element, interval, cursor, finishedCallback) {
if((typeof document.getElementById == "undefined") || (typeof element.innerHTML == "undefined")) {
this.running = true; // Never run.
return;
}
this.element = element;
this.finishedCallback = (finishedCallback ? finishedCallback : function() { return; });
this.interval = (typeof interval == "undefined" ? 100 : interval);
this.origText = this.element.innerHTML;
this.unparsedOrigText = this.origText;
this.cursor = (cursor ? cursor : "");
this.currentText = "";
this.currentChar = 0;
this.element.typingText = this;
if(this.element.id == "") this.element.id = "typingtext" + TypingText.currentIndex++;
TypingText.all.push(this);
this.running = false;
this.inTag = false;
this.tagBuffer = "";
this.inHTMLEntity = false;
this.HTMLEntityBuffer = "";
}
TypingText.all = new Array();
TypingText.currentIndex = 0;
TypingText.runAll = function() {
for(var i = 0; i < TypingText.all.length; i++) TypingText.all[i].run();
}
TypingText.prototype.run = function() {
if(this.running) return;
if(typeof this.origText == "undefined") {
setTimeout("document.getElementById('" + this.element.id + "').typingText.run()", this.interval); // We haven't finished loading yet. Have patience.
return;
}
if(this.currentText == "") this.element.innerHTML = "";
// this.origText = this.origText.replace(/<([^<])*>/, ""); // Strip HTML from text.
if(this.currentChar < this.origText.length) {
if(this.origText.charAt(this.currentChar) == "<" && !this.inTag) {
this.tagBuffer = "<";
this.inTag = true;
this.currentChar++;
this.run();
return;
} else if(this.origText.charAt(this.currentChar) == ">" && this.inTag) {
this.tagBuffer += ">";
this.inTag = false;
this.currentText += this.tagBuffer;
this.currentChar++;
this.run();
return;
} else if(this.inTag) {
this.tagBuffer += this.origText.charAt(this.currentChar);
this.currentChar++;
this.run();
return;
} else if(this.origText.charAt(this.currentChar) == "&" && !this.inHTMLEntity) {
this.HTMLEntityBuffer = "&";
this.inHTMLEntity = true;
this.currentChar++;
this.run();
return;
} else if(this.origText.charAt(this.currentChar) == ";" && this.inHTMLEntity) {
this.HTMLEntityBuffer += ";";
this.inHTMLEntity = false;
this.currentText += this.HTMLEntityBuffer;
this.currentChar++;
this.run();
return;
} else if(this.inHTMLEntity) {
this.HTMLEntityBuffer += this.origText.charAt(this.currentChar);
this.currentChar++;
this.run();
return;
} else {
this.currentText += this.origText.charAt(this.currentChar);
}
this.element.innerHTML = this.currentText;
this.element.innerHTML += (this.currentChar < this.origText.length - 1 ? (typeof this.cursor == "function" ? this.cursor(this.currentText) : this.cursor) : "");
this.currentChar++;
setTimeout("document.getElementById('" + this.element.id + "').typingText.run()", this.interval);
} else {
this.currentText = "";
this.currentChar = 0;
this.running = false;
this.finishedCallback();
}
}
</script>
<script type="text/javascript">
function LoadText(){
new TypingText(document.getElementById("Load"), 30, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
new TypingText(document.getElementById("first"), 20, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
new TypingText(document.getElementById("second"), 20, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
new TypingText(document.getElementById("third"), 20, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
new TypingText(document.getElementById("fourth"), 20, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
TypingText.all[0].run()
}
function first(){
TypingText.all[1].run()
}
function second(){
TypingText.all[2].run()
}
function third(){
TypingText.all[3].run()
}
function fourth(){
TypingText.all[4].run()
}
function FP_callJS() {//v1.0
eval(arguments[0]);
}
</script>
</head>
<body onload="FP_callJS('LoadText()')">
<table cellpadding="0" cellspacing="0" width="1360" height="488">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" colspan="5" height="68"><button onclick="first()">Click Here 1</button><button onclick="second()">Click Here 2</button><button onclick="third()">Click Here 3</button><button onclick="fourth()">Click Here 4</button>
Click in this order 1, 4, 3, 2 when you click 4 notice text not type out
but when you click 2 it will type out 4</td>
</tr>
<tr>
<td id="Load" valign="top" width="235">
Text Box Load Text Box Load Text Box Load Text Box Load Text Box Load
Text Box Load Text Box Load Text Box Load Text Box Load Text Box Load
Text Box Load Text Box Load Text Box Load Text Box Load Text Box Load
Text Box Load Text Box Load </td>
<td id="first" valign="top" width="268">
Text Box 1 Text Box 1 Text Box 1 Text Box 1 Text Box 1 Text Box 1 Text
Box 1 Text Box 1 Text Box 1 Text Box 1 Text Box 1 Text Box 1 Text Box 1
Text Box 1 Text Box 1 Text Box 1 Text Box 1 Text Box 1 Text Box 1 </td>
<td id="second" valign="top" width="267">
Text Box 2 Text Box 2 Text Box 2 Text Box 2 Text Box 2 Text Box 2 Text
Box 2 Text Box 2 Text Box 2 Text Box 2 Text Box 2 Text Box 2 Text Box 2
Text Box 2 Text Box 2 Text Box 2 Text Box 2 Text Box 2 </td>
<td id="third" valign="top" width="252">
Text Box 3 Text Box 3 Text Box 3 Text Box 3 Text Box 3 Text Box 3 Text
Box 3 Text Box 3 Text Box 3 Text Box 3 Text Box 3 Text Box 3 Text Box 3
Text Box 3 </td>
<td id="fourth" valign="top" height="420" width="338">
Text Box 4 Text Box 4 Text Box 4 Text Box 4 Text Box 4 Text Box 4 Text
Box 4 Text Box 4 Text Box 4 Text Box 4 Text Box 4 Text Box 4 Text Box 4
Text Box 4 Text Box 4 Text Box 4 Text Box 4 Text Box 4 </td>
</tr>
</table>
</body>
</html>
that worked GREAT 100% perfect thank you ever so much made a little more simple thank you all for your help that is great
thanks for all your time Bernie and thank you for taking the time to help and thank you Phillips for the help thanks for all your time taken to help