Typing Text Run only 1 ID at a time when wanted

**Taz89** · 09-19-2012, 07:42 PM

Hi all

i have been reading this forum for hrs and hrs but can't seem to find what i need so maybe you could help me

I'm using Typing Text Script from this website

i have 2 lots of text typed out 1 when the page loads and 1 when a button is clicked to activate a hidden layer of text so as it is i have this

Code:

<script type="text/javascript">

//Define first typing text:


//Define second typing text (use "slashing" cursor at the end):
new TypingText(document.getElementById("AText"), 20, function(i){ var ar = new Array(" ", " ", " "); return " " + ar[i.length % ar.length]; });
new TypingText(document.getElementById("SText"), 20, function(i){ var ar = new Array(" ", " ", " "); return " " + ar[i.length % ar.length]; });
//Type out examples:
TypingText.runAll();
</script>

Now i know that the TypingText.runAll(); is what makes it start typing out the text but how can i stop this from running them all on load and only get it to run the first AText and then to run SText once i add it as a behaviour onclick

as if i add a onclick behaviour to call script TypingText.runAll(); it runs all the typing again and i only want it to run the 1 line i pick

Please Help!!! lol

Thanks in advance i see from alot of the posts around here you guys are good at helping and know your stuff so thank you

**bernie1227** · 09-19-2012, 09:57 PM

Please use encase your code in [code] tags when posting code.

Code:

<script type="text/javascript">

//Define first typing text:


//Define second typing text (use "slashing" cursor at the end):
functin aText(){
var a = new TypingText(document.getElementById("AText"), 20, function(i){ var ar = new Array(" ", " ", " "); return " " + ar[i.length % ar.length]; });
typingText.run(a);
}
function sText(){
var s = new TypingText(document.getElementById("SText"), 20, function(i){ var ar = new Array(" ", " ", " "); return " " + ar[i.length % ar.length]; });
typingText.run(s);
}
</script>

As you can see, there is a function aText and sText, in the body, put:

Code:

<body onload="aText">

and then on the thing you want to click, say a button:

Code:

<button onclick="sText">

**Taz89** · 09-19-2012, 11:10 PM

hi thanks bernie i just try this copy and pasted your code and even try into a blank page with only this on it and some test still don't work can't seem to make it work

anything i'm missing ? this is what i made in a blank page that did not work

Code:

<html>

<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Text And More Text And More Text</title>
<script type="text/javascript" src="TypingText.js">
/****************************************************
* Typing Text script- By Twey @ Dynamic Drive Forums
* Visit Dynamic Drive for this script and more: http://www.dynamicdrive.com
* This notice MUST stay intact for legal use
****************************************************/
</script>

</head>

<body onload="aText">

<div style="position: absolute; width: 768px; height: 523px; z-index: 1; left: 10px; top: 15px" id="AText">
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text Click button >> <button onclick="aText"></div>

<script type="text/javascript">

//Define first typing text:


//Define second typing text (use "slashing" cursor at the end):
function aText(){
var a = new TypingText(document.getElementById("AText"), 20, function(i){ var ar = new Array(" ", " ", " "); return " " + ar[i.length % ar.length]; });
typingText.run(a);
}
</script>
</body>

</html>

**bernie1227** · 09-20-2012, 03:24 AM

Code:

<body onload="aText">

Should be:

Code:

<body onload="aText()">

**Taz89** · 09-20-2012, 07:59 AM

Hi bernie i did give that a try last night when it did not work i looked up on code with functions etc and i did see that but even that don't work not even clicking the button works even if you add the () it still don't work with the load or button

Thanks

**bernie1227** · 09-20-2012, 08:17 AM

looking at your code, there's a few problems, 1. you should probably put the javascript in the head
2. you never ended the tag for the button.

**Taz89** · 09-20-2012, 08:28 AM

Originally Posted by bernie1227

looking at your code, there's a few problems, 1. you should probably put the javascript in the head
2. you never ended the tag for the button.

i have now done both of what you said but still don't work if you would like open a new blank html page and past this in as this is the hole page i using for testing its just a blank page with the script in

Code:

<html>

<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Text And More Text And More Text</title>
<script type="text/javascript" src="TypingText.js">
/****************************************************
* Typing Text script- By Twey @ Dynamic Drive Forums
* Visit Dynamic Drive for this script and more: http://www.dynamicdrive.com
* This notice MUST stay intact for legal use
****************************************************/
</script>
<script type="text/javascript">

//Define first typing text:


//Define second typing text (use "slashing" cursor at the end):
function LoadText(){
var a = new TypingText(document.getElementById("Text"), 20, function(i){ var ar = new Array(" ", " ", " "); return " " + ar[i.length % ar.length]; });
typingText.run(a);
}
</script>
</head>

<body onload="LoadText()">

<div style="position: absolute; width: 768px; height: 523px; z-index: 1; left: 10px; top: 15px" id="Text">
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text Click button >> <button onclick="LoadText()">Click Here</button></div>

</body>

</html>

so what could be wrong lol code all ways fun when you get a problem lol

Thanks

**vwphillips** · 09-20-2012, 09:01 AM

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <title></title>
<script type="text/javascript" src="TypingText.js">
/****************************************************
* Typing Text script- By Twey @ Dynamic Drive Forums
* Visit Dynamic Drive for this script and more: http://www.dynamicdrive.com
* This notice MUST stay intact for legal use
****************************************************/
</script>

</head>

<body>
<div id="example1">Thanks for visiting <a href="http://www.dynamicdrive.com/">Dynamic Drive!</a>
Wow, HTML gets properly typed out too!</div>

<p id="example2">This text has a <b>slashing cursor</b> at the end. <br />And this is on a new line, thanks to the <br> tag.</p>
<input type="button" name="" value="Run Text 2" onmouseup="TypingText.all[1].run()"/>
<script type="text/javascript">
//Define first typing example:
new TypingText(document.getElementById("example1"));

//Define second typing example (use "slashing" cursor at the end):
new TypingText(document.getElementById("example2"), 100, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
 TypingText.all[0].run()

//Type out examples:
//TypingText.runAll();
</script>

</body>

</html>

**bernie1227** · 09-20-2012, 09:08 AM

tested and works:

Code:

<html>

<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Text And More Text And More Text</title>
<script type="text/javascript" src="TypingText.js">
/****************************************************
* Typing Text script- By Twey @ Dynamic Drive Forums
* Visit Dynamic Drive for this script and more: http://www.dynamicdrive.com
* This notice MUST stay intact for legal use
****************************************************/
</script>
<script type="text/javascript">

function LoadText(){
new TypingText(document.getElementById("Text"), 100, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
TypingText.runAll();
}

function DoText(){
var thing = document.getElementById("thing");
thing.style.visibility = 'visible';
new TypingText(thing, 100, function(i){ var ar = new Array("\\", "|", "/", "-"); return " " + ar[i.length % ar.length]; });
TypingText.runAll();
}
</script>
</head>

<body onload="LoadText()">

<div style="position: absolute; width: 768px; height: 523px; z-index: 1; left: 10px; top: 15px" id="Text">
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text And More Text And More Text 
	And More Text And More Text And More Text And More Text And More Text And 
	More Text And More Text And More Text And More Text And More Text And More 
	Text And More Text And More Text And More Text Click button >> </div><button onclick="DoText()">Click Here</button>
<br />
<br />
<br />
<br />
<div id="thing" style="visibility:hidden;">
fishfiasfunjaiweninfinafoijfwij
</div>
	
</body>

</html>

**vwphillips** · 09-20-2012, 09:28 AM

TypingText.runAll(); runs all instances

TypingText.all[0].run(); runs instance 0

Thread: Typing Text Run only 1 ID at a time when wanted

Thread Tools

Search Thread

Typing Text Run only 1 ID at a time when wanted

The Following User Says Thank You to bernie1227 For This Useful Post:

The Following User Says Thank You to bernie1227 For This Useful Post:

The Following User Says Thank You to vwphillips For This Useful Post:

Similar Threads

Typing Text in IE7

Typing text

Typing text

Typing text

Paragraphs in Typing Text

Bookmarks

Bookmarks

Posting Permissions