Very simple rotate text?

**treelovinhippie** · 04-02-2007 06:45 AM

hi

I've been searching the horribly-constructed script sites around for literally an hour and found nothing.

All I'm after is a small piece of code that randomly displays a piece of text (only need 2) each time the user reloads/visits my site.

So e.g. "text 1" and "text 2" are displayed randomly each time the website is visited.

Anyone kind enough to point me to some code?

cheers

**mrhoo** · 04-02-2007 07:45 AM

<html>
<head>
<title>Random text</title>
<style type="text/css">
#ran1,#ran2{display:none;}
</style>
<script type="text/javascript" >
window.onload=function(){
var wch=(Math.floor(Math.random()*2)+1);
document.getElementById('ran'+wch).style.display='inline';
}
</script>
</head>

<body>
<p id="randomP">
<span id="ran1">First Random Selection</span>
<span id="ran2">Second Random Selection</span>
</p>
</body>

</html>

**scoper** · 04-02-2007 07:45 AM

If you are only interested in displaying 1 of 2 pieces of text, then simply:

obj.innerHTML = Math.random() > .5 ? text1 : text2;

should do the trick

if you need more than two, then have a look at this:

http://urlit.net/C1

**JMRKER** · 02-09-2008 09:19 AM

I found the code for this thread http://javascript.internet.com/misce...xt-rotate.html
provided by 'mrhoo' but I don't have any way to contact other than this forum.

I wanted to offer a suggested improvement for his consideration:

PHP Code:


<html>

<head>

<title>Quote of the Day</title>

<!-- modified from: http://javascript.internet.com/miscellaneous/simple-text-rotate.html -->



<style type="text/css">

  #QOD { font-weight: bold; font-size: 1.5em; color: #ff0000; }

</style>



<script type="text/javascript">

var QofD = new Array(

  'If it ain\'t broke. Get a bigger hammer.', 

  'Change is inevitable; progress is optional.',

  'Do not attribute any action to malice that can be explained by stupidity.',

  'The box said "Requires Windows 95, NT, or better", so I installed Linux.',

  'You never get too old to learn a new way of being stupid!',

  'If at first you don\'t succeed, you\'re running about average.',

  'Mind over Matter: If you don\'t mind, it don\'t matter.',

'');



function setQofD() {

  var r = Math.floor(Math.random()*(QofD.length-1));

  document.getElementById('QOD').innerHTML = QofD[r];

}

</script>



</head>

<body onLoad="setQofD()">

<strong>Quote of the Day:</strong> <span id="QOD"></span>

<br />

</body>

</html>

Simplifies the code a bit for me, especially in the CSS section.

**martinvidic** · 12-14-2008 03:44 PM

I tried this code:

Code:

<script type="text/javascript" >
window.onload=function(){	
var wch=(Math.floor(Math.random()*2)+1);	
document.getElementById('ran'+wch).style.display='inline';

<span id="ran1">First Random Selection</span>
<span id="ran2">Second Random Selection</span>

and it worked with text.
But what will i have to do to insert div tags instead of text.

Instead of "First Random Selection" I want to insert

Code:

<div id='ads_code_4' style='display:none;'>
<!-- MY Code -->
</div>
   <script language="JavaScript">
    div1 = document.getElementById('adspace4');
    div2 = document.getElementById('ads_code_4');
    div1.innerHTML = div2.innerHTML;
    div2.innerHTML = "";
   </script>

Can that be done?

**seancasey** · 02-20-2011 02:18 PM

Great post I was searching for ages for a solution.

Thread: Very simple rotate text?

Thread Tools

Display

Very simple rotate text?

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions