UP AGAINST THE WAR and UNCLE SAM'S AUNTIE

close the GeoCities ad with

--»

Cut-and-paste code and instructions

All code and instructions also available as CODE.TXT in PROTEST.ZIP

UP AGAINST THE WAR
This customizable script periodically replaces the title, status bar, and form element values
with various anti-war quotes, and also changes the bg & text colors.
You may also choose to temporarily replace all the images.
After the brief "protest" display, all original values are restored.
An on/off feature is provided to prevent viewer frustration.

UNCLE SAM'S AUNTIE (anti-war quote quiz)
The quotes are split into the actual quote, and who said it.
Then, they are rearranged each time the game is played.
Multiple choice answers are randomly selected for each quote.
Thus, the quotes and answers are never the same.

These JavaScripts were created by Randall Goya for netSperience ©2003.
Permission is granted for free use on any website for non-commercial purposes.
The author reserves all other rights; contact him by email at rgoya@yahoo.com
You may not charge a fee for this script. A link to my website would be appreciated.
All original code is available at http://www.geocities.com/rgoya/javascript/PROTCODE.HTM

RETURN TO
UP AGAINST THE WAR

Use JavaScript to turn any web page into an anti-war protest!

Show your opposition to the war in three easy steps:

skip instructions

STEP 1: (this is the most complicated step)

Download and unzip PROTEST.ZIP (90 Kb) (see WinZip if you don't know how to expand zip files)

PROTEST.ZIP contains this web page PROTCODE.HTM and the JavaScript file PROTEST.JS,
plus CODE.TXT, which has all code for options such as: Uncle Sam's Auntie, Control Panel, Off/On Button, etc.
Several image files are also included in PROTEST.ZIP: TRANSPIX.GIF (a transparent pixel spacer), STAR.GIF (bg for US AUNTIE),
and fifteen badges adapted from Peace Pins (PP0.GIF,PP1.GIF ... PP14.GIF)
If you use the Peace Pins images, please link to http://www.peacepins.com/

Upload PROTEST.JS and the image files to your own server in the same directory as your web page(s)

Please don't link to my files - GeoCities has limited bandwith!

Some variables in PROTEST.JS can be changed for different effects -
Each effect (forms, images, colors, title and status) can be turned off.
Add your own quotes, or announce meetings and demonstrations!

STEP 2: Call PROTEST.JS in the <head> of your webpage(s) with this code
paste in just before the </head> tag ALL CODE IS ALSO INCLUDED AS CODE.TXT IN PROTEST.ZIP

STEP 3: Add this event handler (onload="protest()") to the <body> tag
to start the effects after the page loads in the browser

Add enProtest=0 if you don't want the effects to start when the page loads
(for example, if you just want the US AUNTIE game)
The Control Panel or Off/On Toggle Button will start the effects.
Turning off the effects also helps when you just want to edit the HTML content of the page!

Optional Features:

ALTERNATE "All in one document" METHOD

Download and unzip PROTEST.ZIP, or just download PROTEST.JS

Insert this code in the <head> (paste in just before the </head> tag)

Paste in PROTEST.JS where indicated

Don't forget to add the onload event handler (STEP 3)

CHANGE THE TIMING FOR A PARTICULAR PAGE

Insert this code in the <BODY>, just before the </BODY> tag:

Add a toggle button to turn the effects off and on again.

insert this code wherever you want a button You may repeat this code for multiple buttons - DO NOT change the form and button names.

Place this button near the top of the page. Also put it near any actual form(s) you may have.
You can insert the button itself (<input type="button" ... >) into other forms without its own <form> + </form> tags.

This is a very annoying script, so have some consideration and give the viewer some control!

Add a Control Panel for more viewer controls!

insert this code for a Control Panel - DO NOT change the button names or values!

<form name="control" action="" method="post">
<table width="380" border="5">
<tr><td bgcolor="#000000">
<table width="370" border="0" cellspacing="3">
<tr><td colspan="2" align="center"><font size="5" color="#ffffff"><b>You Control the Effects</b></font></td></tr>
<tr>
<td align="center" valign="middle"><input type="button" name="randoff" value="Random Off" onclick="panel(this.name,this.value)"></td>
<td align="center" valign="middle"><input type="button" name="offon" value="Just say no to war" onclick="offonButton(this.value)"></td>
</tr>
<tr>
<td align="center" valign="middle"><input type="button" name="formoff" value="Forms Off" onclick="panel(this.name,this.value)"></td>
<td align="center" valign="middle"><input type="button" name="imageoff" value="Images Off" onclick="panel(this.name,this.value)"></td>
</tr>
<tr>
<td align="center" valign="middle"><input type="button" name="coloroff" value="Colors Off" onclick="panel(this.name,this.value)"></td>
<td align="center" valign="middle"><input type="button" name="tsoff" value="Title/Status Off" onclick="panel(this.name,this.value)"></td>
</tr>
<tr>
<td align="center" valign="middle"><input type="button" name="setcolor" value="Change Colors" onclick="panel(this.name,this.value)"></td>
<td align="center" valign="middle"><input type="button" name="speed" value="Change Speed" onclick="panel(this.name,this.value)"></td>
</tr>
<tr><td align="center"><input type="button" name="showalert" value="Show Alert" onclick="alert(alertmsg)"></td>
<td align="center"><input type="button" name="enableall" value="Reset All Defaults" onclick='Creset()'></td>
</tr></table></td></tr></table></form>

You may repeat this code for multiple panels. You may also leave out any button(s) to reduce the size.

Use "Invisible" Images

This placeholder will be replaced by the substitute images.
Since the dimensions are not specified, this image will change size dynamically for each substitute image.
If you want a constant size, specify the width and height values
(this may result in distorting the substitute images as they stretch to the defined dimensions!)
remember to upload TRANSPIX.GIF to your server!!
You may repeat this code as often as you want.

Download all code and images for UNCLE SAM'S AUNTIE (PROTEST.ZIP)

Copy & paste code for UNCLE SAM'S AUNTIE game board:

<a name="#usaquiz"></a>
<br>&nbsp;<br>
<form name="board">
<table width="720" border="0" cellpadding="5">
<script language="javascript" type="text/javascript">
</td></tr>')
document.write('<tr><td bgcolor="'+ stripe2 +'">')
document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" name="answer0" onclick="play(this.value)"')
if (ns) document.write(' value="this text is replaced by the script"')
else document.write(' value=""')
document.write('>')
document.write('</td></tr><tr><td bgcolor="'+ stripe1 +'">')
document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" name="answer1" onclick="play(this.value)"')
if (ns) document.write(' value="this text is replaced by the script"')
else document.write(' value=""')
document.write('>')
document.write('</td></tr><tr><td bgcolor="'+ stripe2 +'">')
document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" name="answer2" onclick="play(this.value)"')
if (ns) document.write(' value="this text is replaced by the script"')
else document.write(' value=""')
document.write('>')
document.write('</td></tr><tr><td bgcolor="'+ stripe1 +'">')
document.write('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" name="answer3" onclick="play(this.value)"')
if (ns) document.write(' value="this text is replaced by the script"')
else document.write(' value=""')
document.write('>')
document.write('</td></tr><tr><td bgcolor="'+ stripe2 +'" align="center"><font size="3" color="'+ stripe1 +'"><font size="2" color="'+ stripe1 +'"><b>Randall Goya &copy; 2004 UNAUTHORIZED USE PROHIBITED</b></font></td></tr><tr><td bgcolor="'+ bg2 +'" align="center"><font size="4" color="'+ subtitlecol +'"><b>'+ subtitle +'</b></font></td>')
document.write('<td bgcolor="'+ stripe1 +'" align="center"><input type="button" name="resetscore" value="Reset Score" onclick="rstboard()">&nbsp;&nbsp;&nbsp;<input type="button" name="clear" value="Clear All Names and Scores" onclick="if (cook) {rstboard(\'clear\')}"></td></tr>')
document.write('<tr><td bgcolor="'+ stripe2 +'" align="right" valign="middle"><input type="button" name="changename" value="Enter Name" onclick="chname(this.value)" style="width:100">&nbsp;&nbsp;<font size="5" color="'+ stripe1 +'"><b>NAME&nbsp;&nbsp;</b></font><input type="text" name="savname" size="20" onfocus="this.blur()"></td>')
document.write('<td bgcolor="'+ stripe2 +'" align="left" valign="middle"><input type="text" name="cumscore" value="" size="30" onfocus="this.blur()"><font size="5" color="'+ stripe1 +'"><b>&nbsp;&nbsp;SCORE&nbsp;&nbsp;</b></font></td></tr>')
setboard()
// -->
</script>
</table>
</form>

Banner exchange

you must call PROTEST.JS in the <HEAD> (STEP 2 above),
but the onload event handler <body onload="protest()"> is not necessary if you want US AUNTIE without the PROTEST effects

Anti-War Links

RETURN TO
UP AGAINST THE WAR

Peace Pins let me "borrow" some of their images for Up Against the War.
Their pins are great, so buy some and wear them to show everybody how you feel!
If you use their buttons from PROTEST.ZIP, please link to Peace Pins! http://www.peacepins.com/

return to instructions

I'd love to hear from you

if you like this script, check out

The Ultimate Original JavaScript ColorShow

peacenik # Counter

<||> netSperience <||> JavaScript <||> Tools <||> Résumé <||> Guest Book <||>

<||> Awards <||>Contact <||>Link to netSperience <||>

Hosted by
Get your own
Free Home Page