SimplytheBest DHTML rollover checkboxes script

SimplytheBest
Scripts

ASP scripts
PERL scripts
PHP scripts
JavaScripts & Ajax
Snippets
Online scripts

Ajax, DHTML
& JavaScripts

Animation
Background
Bookmarks
Buttons
Calculators
Cookies
Data handling
E-mail
Enhancements
Forms
Image rotation
Menus
Messages
Miscellaneous
Music
Password protection
Redirection
Scrollers
Tables
Time & date
Windows

Publishers
Add script
Account login
Publisher list

Sponsored links

Easy Media Planner

Home > Scripts > DHTML scripts & JavaScripts > Enhancements > Rollover checkboxes

Rollover checkboxes

AUTHOR: Public domain
TYPE: Freeware
BROWSERS: Javascript enabled all

This script checks the box before the link on MouseOver.

EXAMPLE

1) Insert this form with the script in the <BODY> section where you want the links with the rollover checkboxes to appear in the page.

then copy (CTRL-C) & paste (CTRL-V)

<form name="rollover_checkbox"> <p> <input type="checkbox" name="box" value="on"><a href="http://blogs.simplythebest.net/" onMouseOver="rollovercheck(0)" onMouseOut="rolloutcheck(0)" class="pathlink">Blogs</a><br> <input type="checkbox" name="box" value="on"><a href="http://simplythebest.net/scripts/" onMouseOver="rollovercheck(1)" onMouseOut="rolloutcheck(1)" class="pathlink">DHTML scripts & Javascripts</a><br> <input type="checkbox" name="box" value="on"><a href="http://simplythebest.net/music/" onMouseOver="rollovercheck(2)" onMouseOut="rolloutcheck(2)" class="pathlink">Music directory</a><br> <input type="checkbox" name="box" value="on"><a href="http://simplythebest.net/fonts/" onMouseOver="rollovercheck(3)" onMouseOut="rolloutcheck(3)" class="pathlink">Free fonts</a><br> <input type="checkbox" name="box" value="on"><a href="http://friends.simplythebest.net" onMouseOver="rollovercheck(4)" onMouseOut="rolloutcheck(4)" class="pathlink">Friends</a><br> <input type="checkbox" name="box" value="on"><a href="http://games.simplythebest.net/" onMouseOver="rollovercheck(5)" onMouseOut="rolloutcheck(5)" class="pathlink">Free online games</a><br> <input type="checkbox" name="box" value="on"><a href="http://simplythebest.net/software/" onMouseOver="rollovercheck(6)" onMouseOut="rolloutcheck(6)" class="pathlink">Shareware & Freeware</a><br> <input type="checkbox" name="box" value="on"><a href="http://simplythebest.net/sounds/" onMouseOver="rollovercheck(7)" onMouseOut="rolloutcheck(7)" class="pathlink">Free sounds</a><br> <input type="checkbox" name="box" value="on"><a href="http://web.simplythebest.net/" onMouseOver="rollovercheck(8)" onMouseOut="rolloutcheck(8)" class="pathlink">Web Search</a><br> </form> <script> // Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/ var rollbox=document.rollover_checkbox function rollovercheck(whichbox){ rollbox.box[whichbox].checked=true } function rolloutcheck(whichbox){ rollbox.box[whichbox].checked=false } </script>

2) When adding a new link, make sure to modify these parameters accordingly:

<input type="checkbox" name="box" value="on"><a href="shareware.html" onMouseOver="rollovercheck(0)" onMouseOut="rolloutcheck(0)">Shareware</a><br>

<input type="checkbox" name="box" value="on"><a href="scripts/dhtml_scripts.html" onMouseOver="rollovercheck(1)" onMouseOut="rolloutcheck(1)">DHTML scripts & Javascripts</a><br>

<input type="checkbox" name="box" value="on"><a href="perl_scripts/cgi_scripts.html" onMouseOver="rollovercheck(2)" onMouseOut="rolloutcheck(2)">CGI scripts</a><br>

[BACK] [TOP]