Horoscope Script

This script could be used for many things, for this demonstration I've used it as a horoscope motto presenter. You might adapt it to present jokes, puzzles, riddles, lucky numbers, tips, recipes, or anything else your imagination can dream up. Give it a try, look at the motto I created for you according to your astrological sign.

So, you may want to know how to put that to use for your own idea. You'll find the code below, but be forewarned, leave the long lines in tact or the script won't work. It's OK if they wrap naturally in your text/html editor, but don't save it with any hard returns or it's broken city.

To grab the code, right click inside the text box and choose Select All. Right click again and choose Copy. Paste the code into your editor in the appropriate places as noted in the code.

var aa1="Aries ~ The Ram" + nl + "March 21 to April 20 " + nl + nl + "As an independent thinker, your motto might be:" + nl +nl + "Challenge me.";

var ab1="Taurus ~ The Bull" + nl + "April 21 to May 20 " + nl + nl + "With determination like yours, your motto might be:" +nl +nl + "Press toward the goal." ;

var ac1="Gemini ~ The Twins " + nl + "May 21 to June 21 " + nl + nl + "Inventive and versatile, you motto might be:" + nl + nl + "Dream it, make it happen." ;

var ad1="Cancer ~ The Crab " + nl + "June 22 to July 22 " + nl + nl + "Your sense of self means your motto could be:" + nl + nl + "Know thyself and prosper." ;

var ae1="Leo ~ The Lion " + nl + "July 23 to August 22 " + nl + nl + "Ambitious and strong willed, your motto could be: " + nl + nl + "Ever onward!" ;

var af1="Virgo ~ The Virgin " + nl + "August 23 to September 22 " + nl + nl + "Sensitive and intelligent, your motto could be: " + nl + nl + "Success in teamwork." ;

var ag1="Libra ~ The Scales " + nl + "September 23 to October 22 " + nl + nl + "More civilized than most, your motto could be: " + nl + nl + "Dignity and honor." ;  var ah1="Scorpio ~ The Scorpion" + nl + "October 23 to November 22 " + nl + nl + "Your quiet intensity means your motto could be: " + nl + nl + "Leadership by example." ;

var ai1="Sagittarius ~ The Archer" + nl + "November 23 to December 21 " + nl + nl + "With your innate positive outlook, your motto could be: " + nl + nl + "Conceive and believe." ;

var aj1="Capricorn ~ The Goat" + nl + "December 23 to January 20 " + nl + nl + "Self-assured and hardworking, your motto might be:" + nl + nl + "Cool, calm and dedicated." ;

var ak1="Aquarius ~ The Water Bearer" + nl + "January 21 to February 19 " + nl + nl + "Your depth of character lends itself to this personal motto: " + nl + nl + "Reflection and growth." ;

var al1="Pisces ~ The Fish" + nl + "February 20 to March 20 " + nl + nl + "Good natured, compassionate and sensitive, your motto might be: " + nl + nl + "All for one, and one for all." ;

zodiac[0]="You must select a zodiac sign.";
zodiac[1]=aa1;
zodiac[2]=ab1;
zodiac[3]=ac1;
zodiac[4]=ad1;
zodiac[5]=ae1;
zodiac[6]=af1;
zodiac[7]=ag1;
zodiac[8]=ah1;
zodiac[9]=ai1;
zodiac[10]=aj1;
zodiac[11]=ak1;
zodiac[12]=al1;

function Giggle(booj) {
if (document.booj.choice.selectedIndex==0) {
document.booj.profile.value="You must select a zodiac sign.";
return
}
var number=document.booj.choice.selectedIndex
document.booj.profile.value=zodiac[number]
}
//-->
</script>

<form name="booj">
<select name="choice">
<option selected="selected">Select a sign</option>
<option>Aries</option>
<option>Taurus</option>
<option>Gemini</option>
<option>Cancer</option>
<option>Leo</option>
<option>Virgo</option>
<option>Libra</option>
<option>Scorpio</option>
<option>Sagittarius</option>
<option>Capricorn</option>
<option>Aquarius</option>
<option>Pisces</option>
</select>

<input type="button" value="View" name="VIEW"
onclick="Giggle(this.form)">
<input type="button" value="Clear"
onclick="Wipe(this.form)">
<p>	
<textarea name="profile" rows="10" cols="40"
wrap="physical">View your profile here.</textarea>
</form>
</p>

You may use this script as is or alter it for another use as long as the credit in the source code remains in place. The credit doesn't show on the page, people will only see it if they peek at your source code.

Back | Web Design Tutorials Index

Almost a Newsletter

Changing list hosts. Will post a new subscribe form shortly.

Did you know...

The member's site has about 100 standards compliant HTML and CSS tutorials, 31 handy reference charts, reprintable content, web graphics, exclusive fonts, free software, free ebooks and more? All this for less than 9 cents a day! [ Details ]