The JavaScript Source: Text Effects : Alternating Message Text Box

Internet.commerce

Internet.com

IT
Developer
Internet News
Small Business
Personal Technology
International

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers

Great Sites

DocJavaScript.com
dhtml.com
The Freebie Directory
TheFreeSite.com

Browse Doc JS's Tips!

Promotions

Free Announcements

General

With the help of this script you can put up a text box on your Web page that displays alternating messages for your visitors. It saves space, as a lot of text can be contained in a minimal display area.

Notes

Created by: Sandeep Gangadharan
Web Site: http://sivamdesign.com/scripts/
Posted: May 25, 2007

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: altTextBox.js

/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Sandeep Gangadharan | http://sivamdesign.com/scripts/ */
var text = 0;

var message=new Array();
  message[0] = "Welcome to the JavaScript Source!"
  message[1] = "Tons of scripts for your Web pages"
  message[2] = "Why not share your scripts with others?"
  message[3] = "Be sure to come back again ..."

function changeText() {
  if (message.length > 0) {
    document.change.descript.value=message[text];
    text++;
  }
  if (text == 4) {text = 0; }  // change the # 4 at the left to the maximum # of message lines you want included
    window.setTimeout("changeText()", 3500); }  // change the # on the left to adjust the speed of the
                                               // scroll. The smaller the # the faster the speed

// Multiple onload function created by: Simon Willison
// http://simon.incutio.com/archive/2004/05/26/addLoadEvent
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  changeText();
});

CSS

Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.

textarea.test {
  width: 350px;
  height: 50;
  border: none;
}

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="altTextBox.js"></script>

Body

Paste this code into the BODY section of your HTML document


<form name="change">
  <textarea class="test" name="descript" wrap="virtual"></textarea>
</form>

User Comments

Add a comment, suggestion, or correction

Comments feed

next comments...

Do you write JavaScripts?
If you do, why not submit them to us?
We'll give you credit and a link back to your Web site.

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

CSS

Head

Body

User Comments

10. From: Andrew LeDawson
A Suggestion
11/25/2007 10:53:34

11. From: Lee (Admin)
12/04/2007 10:43:38

9. From: G Liu
11/19/2007 14:37:50

7. From: claudia
10/26/2007 18:12:15

8. From: Lee (Admin)
11/07/2007 15:49:06

5. From: Karen Philhower
display is different
08/22/2007 22:33:03

6. From: Lee (Admin)
10/03/2007 14:45:43

1. From: Rich Sagall
Adding links
06/05/2007 13:40:18

2. From: Lee (Admin)
06/05/2007 14:31:38

3. From: Rita Gipp
need closing form tag
06/01/2007 10:14:09

Whitepapers and eBooks

Webcasts

Downloads and eKits

Tutorials and Demos

Navigation Menu

Internet.commerce

Internet.com

Developer Channel

Great Sites

Promotions

General

Notes

Source Code

External file

CSS

Head

Body

User Comments

10. From: Andrew LeDawsonA Suggestion11/25/2007 10:53:34

11. From: Lee (Admin)12/04/2007 10:43:38

9. From: G Liu11/19/2007 14:37:50

7. From: claudia10/26/2007 18:12:15

8. From: Lee (Admin)11/07/2007 15:49:06

5. From: Karen Philhowerdisplay is different08/22/2007 22:33:03

6. From: Lee (Admin)10/03/2007 14:45:43

1. From: Rich SagallAdding links06/05/2007 13:40:18

2. From: Lee (Admin)06/05/2007 14:31:38

3. From: Rita Gippneed closing form tag06/01/2007 10:14:09

Whitepapers and eBooks

Webcasts

Downloads and eKits

Tutorials and Demos

10. From: Andrew LeDawson
A Suggestion
11/25/2007 10:53:34

11. From: Lee (Admin)
12/04/2007 10:43:38

9. From: G Liu
11/19/2007 14:37:50

7. From: claudia
10/26/2007 18:12:15

8. From: Lee (Admin)
11/07/2007 15:49:06

5. From: Karen Philhower
display is different
08/22/2007 22:33:03

6. From: Lee (Admin)
10/03/2007 14:45:43

1. From: Rich Sagall
Adding links
06/05/2007 13:40:18

2. From: Lee (Admin)
06/05/2007 14:31:38

3. From: Rita Gipp
need closing form tag
06/01/2007 10:14:09