Free JavaScript: change background color on doubleclick

» home
» contact
» terms of use

FREE SCRIPTS

» new
» text
» image
» utility
» background
» animation
» date/time

FREE ONLINE TOOLS

» code generators
» text animator
» drawing animator
» color animator
» slideshow factory
» javascript speed test

FREE BASIC SNIPLETS

» alert box
» image: multi-rollover
» pop-up: centering
» more

FREE'N'CRAZY

» realtime death counter
» eyeQ
» fun ticker

RECOMMENDED LINKS

» www.dynamicdrive.com
» www.hotscripts.com

Fun of JavaScript: change background color on doubleclick
This cross-browser funscript changes the background-color whenever your visitors doubleclick somewhere on your webpage. The background-color is generated by a random-function. rossbrowser: Internet Explorer 5x/6x/7x/8x, Firefox 2x/3x/4x, Opera 7x/8x/9x/10x, Google Chrome 3x/4x.

Demo
Click here to test the script.

Install it
Open your webpage. Paste the following code into <head>-part of the HTML-file.

// CREDITS:
// Random-Background-Color onDoublelick by Peter Gehrig 
// Copyright (c) 2010 Peter Gehrig. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.fabulant.com.
// 3/3/2010

// IMPORTANT: 
// If you add this script to a script-library or script-archive 
// you have to add a link to http://www.fabulant.com on the webpage 
// where this script will be running.

function makeRandom(range) {		
	rand=Math.floor(range*Math.random())
    return rand
}

function makeHexa(thiscol) {
    var colhex_left = Math.floor(thiscol/16)
    var colhex_right= thiscol-(colhex_left*16)
    if (colhex_left == 10) {colhex_left="A"}
    if (colhex_left == 11) {colhex_left="B"}
    if (colhex_left == 12) {colhex_left="C"}
    if (colhex_left == 13) {colhex_left="D"}
    if (colhex_left == 14) {colhex_left="E"}
    if (colhex_left == 15) {colhex_left="F"}  
    if (colhex_right == 10) {colhex_right="A"}
    if (colhex_right == 11) {colhex_right="B"}
    if (colhex_right == 12) {colhex_right="C"}
    if (colhex_right == 13) {colhex_right="D"}
    if (colhex_right == 14) {colhex_right="E"}
    if (colhex_right == 15) {colhex_right="F"}    
    var colhex =""+colhex_left+colhex_right
    return colhex
}

function dblclick() {   
	var redcolor=makeRandom(255)
	redcolor=makeHexa(redcolor)	
	var greencolor=makeRandom(255)
	greencolor=makeHexa(greencolor)
	var bluecolor=makeRandom(255)
	bluecolor=makeHexa(bluecolor)
    document.bgColor=""+redcolor+greencolor+bluecolor
}

document.ondblclick=dblclick;

// - End of JavaScript - -->

</SCRIPT>