You are on page 1of 2

Drop Down Box with automatic redirect

-------Choose a Selection-------HomeWeb DevelopmentHTML TipsHTML Code ChartJava


Script CodesColor Code Chart

Place this code where you would like the box to appear.
<Script language="JavaScript">
<!--
function goto(form) { var index=form.select.selectedIndex
if (form.select.options[index].value != "0") {
location=form.select.options[index].value;}}
//-->
</SCRIPT>
<FORM NAME="form1">
<SELECT NAME="select" ONCHANGE="goto(this.form)" SIZE="1">
<OPTION VALUE="">-------Choose a Selection-------
<OPTION VALUE="index.htm">Home
<OPTION VALUE="web_development.htm">Web Development
<OPTION VALUE="html_codes.htm">HTML Tips
<OPTION VALUE="html_codes_chart.htm">HTML Code Chart
<OPTION VALUE="javascript_codes.htm">JavaScript Codes
<OPTION VALUE="216_color_chart.htm">Color Code Chart</SELECT>
</FORM>

================================================

Back to previous page

Copy and paste this code into your HTML where you would like the button to appea
r.
<form>
<input type="button" value="Back to Previous Page"
onClick="javascript: history.go(-1)">
</form>

================================================
Make This Site Your Home Page Button (IE)

You can place a button on your site that, when clicked on, will make your site y
our visitor's home page.
Place the following code where you would like the button to appear.

<FORM>
<INPUT TYPE="button" VALUE="Make This Site Your Home Page" onClick="this.style.b
ehavior='url(#default#homepage)'; this.setHomePage('Page URL beginning with http
:// here');">
</FORM>

================================================
Highlight an Image on Mouseover
You can use JavaScript to highlight an image when you place your mouse over it.
Example:
Place your mouse pointer over the following image.
-----
-----
-----
-----
Place the following code between your HEAD tags:
<SCRIPT language="JavaScript1.2">
<!--
function makevisible(cur,which){
strength=(which==0)? 1 : 0.2
if (cur.style.MozOpacity)
cur.style.MozOpacity=strength
else if (cur.filters)
cur.filters.alpha.opacity=strength*100
}
// -->
</SCRIPT>
Place the following code within all of the image tags you'd like the affect to b
e applied:

style="filter:alpha(opacity=20);-moz-opacity:0.2" onMouseover="makevisible(this,
0)" onMouseout="makevisible(this,1)"
Here's how your image tag might look:

<img src="yourimage.gif" width="96" height="134" style="filter:alpha(opacity=20)


;-moz-opacity:0.2" onMouseover="makevisible(this,0)" onMouseout="makevisible(thi
s,1)">

Script code provided by:

================================================

You might also like