/    Sign up×
Community /Pin to ProfileBookmark

Very simple rotate text?

Copy linkTweet thisAlerts:
Apr 02.2007

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

to post a comment
JavaScript

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@mrhooApr 02.2007 — <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>
Copy linkTweet thisAlerts:
@scoperApr 02.2007 — 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:

[url=http://urlit.net/C1]http://urlit.net/C1[/url]
Copy linkTweet thisAlerts:
@JMRKERFeb 09.2008 — I found the code for this thread http://javascript.internet.com/miscellaneous/simple-text-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:
[code=php]
<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>
[/code]
Simplifies the code a bit for me, especially in the CSS section.
Copy linkTweet thisAlerts:
@martinvidicDec 14.2008 — 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>[/CODE]

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>[/CODE]
Can that be done?
Copy linkTweet thisAlerts:
@seancaseyFeb 20.2011 — Great post I was searching for ages for a solution.
×

Success!

Help @treelovinhippie spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...