/    Sign up×
Community /Pin to ProfileBookmark

random colors

Copy linkTweet thisAlerts:
Aug 19.2005

i’m trying to randomly generate a new text color each time the page is reloaded.

<script language=”JavaScript” type=”text/javascript”>

colors = new Array (“#000000″,”#ffcc99″,”#cc0099”)
colorCt = colors.length

function chooseColor() {
if (document.getElementById) {
randomNum = Math.floor ((Math.random() * colorCt))
document.getElementById(newColor).style = colors[randomNum]
}
}
</script>

<body bgcolor=”#FFFFFF” onload=”chooseColor()”>
<font-color: newColor>test</font>

did i mention I don’t really know what I’m doing? I can get this script to work with images when I replace document.getElementById with document.images (and document.picture.src)

to post a comment
JavaScript

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@CharlesAug 19.2005 — &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
&lt;meta name="Content-Script-Type" content="text/javascript"&gt;
&lt;meta name="Content-Style-Type" content="text/css"&gt;
&lt;title&gt;Example&lt;/title&gt;

&lt;script type="text/javascript"&gt;

colors = ['#000', '#fc9', '#c09']

Array.prototype.random = function () {return this[Math.floor(Math.random() * this.length)]}

if (document.getElementsByTagName) onload = function () {document.getElementsByTagName ('BODY')[0].style.color = colors.random()}

&lt;/script&gt;

&lt;/head&gt;
&lt;body&gt;
&lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. &lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
Copy linkTweet thisAlerts:
@UltimaterAug 19.2005 — Change:
<i>
</i> document.getElementById(newColor).style = colors[randomNum]

into:
<i>
</i>[color=royalblue] document.getElementById("newColor").style.color = colors[randomNum][/color]

and change:
<i>
</i>&lt;font-color: newColor&gt;test&lt;/font&gt;

into:
<i>
</i>[color=royalblue]&lt;span id="newColor"&gt;test&lt;/span&gt;[/color]
×

Success!

Help @ale2121 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.19,
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,
)...