Free JavaScript Surprise-Link: dynamic change of textlinks

» 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

Surprise-Link: arouse the curiosity of your visitors.
Add our simple JavaScript surprise-textlink to your site to make it more exciting. A surprise-link is a simple textlink that changes its URL permanently (by random generator). The result: each time your visitor clicks on the surprise-link a different website will be opened. Easy configuration of URL. Crossbrowser: Internet Explorer 5x/6x/7x/8x, Firefox 2x/3x/4x, Opera 7x/8x/9x/10, Google Chrome 3x/4x.

Test surprise-link
Click on this surprise-link to see its effect. Click again and again to see the change of URLs.

Configuration

Step 1: Open your webpage. Paste the following code between
the <head> tag and </head> tag of your webpage (top of webpage):

<SCRIPT LANGUAGE="JavaScript1.1">
<!-- Beginning of JavaScript -
// CREDITS:
// Surprise-Link
// by Peter Gehrig and Urs Dudli
// Copyright (c) 2010 Peter Gehrig and Urs Dudli. 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

// IMPORTANT: 
// If you add this script to a script-library or a script-archive 
// you have to insert a a highly visible and clickable link to http://www.fabulant.com
// right into the webpage where the script is featured.

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION STARTS HERE
///////////////////////////////////////////////////////////////////////////

// Put your surprise-URLs into the Array below. 
// You may add as many URLs as you like.
// Separate each URL by comma.
var surpriseurl=new Array("http://www.google.com", "http://www.altavista.com", "http://www.yahoo.com", "http://www.hotbot.com", "http://www.lycos.com", "http://www.fabulant.com/downloadcenter/benchjs/benchjs.html", "http://www.fabulant.com/cgi-bin/gmapview.pl", "http://www.fabulant.com/fast/index.html", "http://www.microsoft.com", "http://www.netscape.com", "http://www.dynamicdrive.com", "http://www.realsurf.com", "http://www.sports.com", "http://www.toys.com")

// text on the status bar when the mouse moves over the surprise-link
var textstatusbar="surprise, surprise ..."

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

// do not change the code below

var urlinterval=200
var surpriseurllength=surpriseurl.length
var timer
var mouseisover=false

function openurl(thisurl) {
    var thisurlindex=Math.floor(surpriseurllength*Math.random())
    thisurl.href=surpriseurl[thisurlindex]  
}

function msover() {
    mouseisover=true
    showstatusbar()
}

function msout() {
    mouseisover=false
}

function showstatusbar() {
    if (mouseisover) {
        window.status=textstatusbar 
        timer=setTimeout("showstatusbar()",100)
    }
    else {clearTimeout(timer)}
}
// - End of JavaScript - -->
</SCRIPT>

Step 2: Open your webpage. Paste the following code between
the <body> tag and </body> tag of your webpage:

Step 3: Open your webpage. Go to the top of the script-code and set your favourite URLs for the surprise-links.