Game: Test your EyeQ

Test your EyeQ
Is your EyeQ as high as Albert Einstein's IQ? Test it now with our free EyeQ script. It takes just 30 seconds to prove that your EyeQ is unique. Cut-and-paste installation. IE5x/6x, NS6x/7x, Opera 7x. Brought to you by www.24fun.com

Rules of the game

Click button start below.
Guess the number of dots by clicking the corresponding number-button.
You have 30 seconds to get as many correct answers as you can.

Hall of fame

Click start and guess the number of dots.
time: 30 sec.

Configuration:

Step 1: Open the web page that will display EyeQ. Insert the following code right where you wish to place EyeQ:

// Additional scripts can be found at http://www.24fun.com & http://www.designerwiz.com
// info@24fun.com
// 12/17/2003

// IMPORTANT:
// If you add this script to a script-library or a script-archive
// you have to insert a link to http://www.24fun.com
// right into the webpage where the script will be displayed.

var floatingspeed=2
var trynumbernew=0
var trynumberold=0
var skinwidth=228
var skinheight=150
var tempo=20
var guessmodus=false
var timer
var timetimer
var timerwrong
var timmercorrect
var timerstart
var timecolor="#000000"
var gamemaxseconds=30
var stopit=false
var starttime
var nowtime=0
var penalty=0
var penaltyseconds=1
var dotsmax=16
var dotsrandom=5
var correctdots=dotsrandom+1
var correctanswers=0
var hits=0
var stepx=new Array()
var stepy=new Array()
for (i=0;i<=dotsmax;i++) {
	stepx[i]=randomspeed(floatingspeed)
	stepy[i]=randomspeed(floatingspeed)
}
var marginleft=37
var marginright=109
var margintop=50
var marginbottom=105

var spancontent=new Array()
var imgpreload=new Image
imgpreload.src="dot.gif"

var browserinfos=navigator.userAgent 
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)  
var browserok=ie5||ns6||opera

for (i=0;i<=dotsmax;i++) {
	spancontent[i]="<img src='dot.gif'>"
}

function positiongame() {
	document.getElementById("quickeyeskin").style.visibility="visible"
	for (i=0;i<=dotsmax;i++) {             
		document.getElementById("d"+i).style.visibility="visible"
	}
}

function guess(thisno) {
	if (nowtime<gamemaxseconds && guessmodus) {
		guessmodus=false
		if (thisno==correctdots) {	
			correctanswers++
			var resultbarwidth=correctanswers*4
			document.getElementById("resultbar").innerHTML="<table border=0 cellpadding=0 cellspacing=0><tr valign=top><td align=left><img src='transparent.gif' width="+resultbarwidth+" height=5></td></tr></table>"
			document.getElementById("resultboard").innerHTML="<table width=80 height=62 border=0 cellpadding=2 cellspacing=0 bgcolor=green><tr valign=middle><td align=center><font face=Arial size=1 color=white>CORRECT</font></td></tr></table>"
			document.getElementById("resultboard").style.visibility="visible"
			trynumberold=trynumbernew
			clearTimeout(timerwrong)
			timercorrect=setTimeout("nextguess()",500)
		}
		else {
			penaltyseconds++
			document.getElementById("resultboard").innerHTML="<table width=80 height=62 border=0 cellpadding=2 cellspacing=0 bgcolor=red><tr valign=middle><td align=center><font face=Arial size=1 color=white>WRONG.<br>Correct: "+correctdots+"<br>Penalty: "+penaltyseconds+" sec.</font></td></tr></table>"
			document.getElementById("resultboard").style.visibility="visible"
			penalty=(penaltyseconds*1000)
			trynumberold=trynumbernew
			timerwrong=setTimeout("nextguess()",penalty)
		}
	}
}

function startgame() {
	trynumbernew++
	stopit=false
	guessmodus=true
	timecolor="000000"
	hideresultboard()
    startnewtime()
	setdots()
}

function stopgame() {
	clearTimeout(timerstart)
	stopit=true
	penalty=1
	document.getElementById("resultbar").innerHTML=""
	document.getElementById("resultboard").innerHTML="<table width=80 height=62 border=0 cellpadding=5 cellspacing=0><tr valign=middle><td align=center bgcolor=black><font face=Arial size=1 color=white>New game</font></td></tr></table>"
	document.getElementById("resultboard").style.visibility="visible"
	document.getElementById("timesign").innerHTML="<font size=1 face=Arial color=black>30.00</font>"
	document.getElementById("timesign").style.visibility="visible"
	document.getElementById("hall").style.visibility="hidden"
	document.hallform.result.value=0
	guessmodus=false
	nowtime=0
	penaltyseconds=1
	correctanswers=0
	timerstart=setTimeout("startgame()",600)
}

function nextguess() {
	if (nowtime<gamemaxseconds && trynumbernew==trynumberold) {
		guessmodus=true
		hideresultboard()
		setdots()
	}
}

function hideresultboard() {
	document.getElementById("resultboard").style.visibility="hidden"
}

function startnewtime() {
	starttime= new Date()
	starttime=starttime.getTime()
    checktime()
}

function randomspeed(range) {		
	rand=Math.floor(range*Math.random())
	if (rand==0) {rand=Math.ceil(range/2)}
    return rand
}

function randommaker(range) {		
	var randomposition=Math.floor(range*Math.random())
    return randomposition
}

function checkmovement() {
	if (guessmodus && nowtime<gamemaxseconds  && stopit==false) {
		checkposition()
		movepictures()
    	timer=setTimeout("checkmovement()",tempo)
	}
	else {
		clearTimeout(timer)
		for (i=0;i<=dotsmax;i++) {             
			document.getElementById("d"+i).style.visibility="hidden"
			document.getElementById("d"+i).style.left=marginleft
			document.getElementById("d"+i).style.top=margintop
		}
		
	}
}

function movepictures() {
	for (i=0;i<=dotsrandom;i++) {  
    	document.getElementById("d"+i).style.left=parseInt(document.getElementById("d"+i).style.left)+stepx[i]
		document.getElementById("d"+i).style.top=parseInt(document.getElementById("d"+i).style.top)+stepy[i]
    }
}

function checkposition() {
	for (i=0;i<=dotsrandom;i++) {  
		var posleft=parseInt(document.getElementById("d"+i).style.left)   
		var postop=parseInt(document.getElementById("d"+i).style.top)       	
		if (posleft>marginright) {
			document.getElementById("d"+i).style.left=parseInt(document.getElementById("d"+i).style.left)-Math.abs(stepx[i])
			stepx[i]=randomspeed(floatingspeed)*-1	
		}
		if (posleft<marginleft) {
			document.getElementById("d"+i).style.left=parseInt(document.getElementById("d"+i).style.left)+Math.abs(stepx[i])
			stepx[i]=randomspeed(floatingspeed)			
		}	
		if (postop>marginbottom) {
			document.getElementById("d"+i).style.top=parseInt(document.getElementById("d"+i).style.top)-Math.abs(stepy[i])
			stepy[i]=randomspeed(floatingspeed)*-1
		}
		if (postop<margintop) {
			document.getElementById("d"+i).style.top=parseInt(document.getElementById("d"+i).style.top)+Math.abs(stepy[i])
			stepy[i]=randomspeed(floatingspeed)
		}
	}
}

function checktime() {
    if (nowtime<gamemaxseconds && stopit==false) {
	    nowtime=new Date()
	    nowtime=nowtime.getTime()
        nowtime=(nowtime-starttime)/1000
		var countdown=gamemaxseconds-nowtime
		countdown=Math.floor(countdown*100)/100
		if (countdown<0) {countdown=0}
        document.getElementById("timesign").innerHTML="<font size=1 face=Arial color="+timecolor+">"+countdown+"</font>"
        timetimer=setTimeout("checktime()",100)
    }
	else if (stopit==true) {
		clearTimeout(timetimer)
		for (i=0;i<=dotsmax;i++) {             
			document.getElementById("d"+i).style.visibility="hidden"
		}
	}
    else {
        clearTimeout(timetimer)
		endgame()
    } 
}

function endgame() {
	timecolor="000000"
	if (correctanswers<=10) {
		document.getElementById("resultboard").innerHTML="<table width=80 height=132 border=0 cellpadding=5 cellspacing=0><tr valign=middle><td align=center bgcolor=red><font face=Arial size=1 color=white>Game over.<br>Correct: "+correctanswers+"<br><br>Not good enough for our hall of fame<br><br>Try again.</font></td></tr></table>"
		document.getElementById("resultboard").style.visibility="visible"
		document.getElementById("timesign").innerHTML=""
	}
	else {
		document.getElementById("resultboard").innerHTML="<table width=80 height=132 border=0 cellpadding=5 cellspacing=0><tr valign=middle><td align=center bgcolor=red><font face=Arial size=1 color=white>Game over.<br>Correct answers: "+correctanswers+"</font></td></tr></table>"
		document.getElementById("resultboard").style.visibility="visible"
		document.getElementById("timesign").innerHTML=""
		pophalloffame()
	}
}

function pophalloffame() {
	document.getElementById("hall").style.visibility="visible"
	document.hallform.result.value=correctanswers
}

function hidehalloffame() {
	document.getElementById("hall").style.visibility="hidden"
}

function submithalloffame() {
	document.getElementById("hall").style.visibility="hidden"
	document.hallform.submit()
}

function ov(thisleft,thistop) {
	document.getElementById("l").style.left=thisleft
	document.getElementById("l").style.top=thistop
	document.getElementById("r").style.left=thisleft+17
	document.getElementById("r").style.top=thistop
	document.getElementById("t").style.left=thisleft
	document.getElementById("t").style.top=thistop
	document.getElementById("b").style.left=thisleft
	document.getElementById("b").style.top=thistop+12
}

function ou() {
	document.getElementById("l").style.left=0
	document.getElementById("l").style.top=0
	document.getElementById("r").style.left=0
	document.getElementById("r").style.top=0
	document.getElementById("t").style.left=0
	document.getElementById("t").style.top=0
	document.getElementById("b").style.left=0
	document.getElementById("b").style.top=0
}

document.close()
if (browserok) {
onload=positiongame
}

</script>

<div id="resultboard" style="position:absolute;left:35px;top:48px;visibility:hidden"><table width=80 height=60 border=0 cellpadding=5 cellspacing=0><tr valign=middle><td align=center><font face=Arial size=1 color=000000>Click start and guess the number of dots.<br>time: 30 sec.</font></td></tr></table></div>

<div id="hall" style="position:absolute;left:0px;top:0px;visibility:hidden">
<form name="hallform" action="http://www.24fun.com/cgi-bin/eyeqsave.pl" method="post" target="_blank">	
<input type=hidden name="result">
<input type=hidden value="saveresults" name="whichsub">
<table border=0 cellpadding=2 cellspacing=0 width=150 height=230 style="border:1 solid black;background-color:#FFFFCC">
<tr><td>
<font face=Verdana size=1 color=black>Add your result to the hall of fame</font>
</td></tr>
<tr><td>
<font face=Verdana size=1 color=black>
your name:<br>
<input type=text style="font-size:8pt" name="name"><br><br>
your email:<br>
<input type=text style="font-size:8pt" name="email"><br><br>
<input type=button onClick="submithalloffame();this.submit" value="add result" style="font-size:8pt"> <input type=button onClick="hidehalloffame()" value="close" style="font-size:8pt"><br>
</td></tr></table>
</form>
</div>
</div>

Step 2: Save the following five images and put them into the same folder as the webpage that contains EyeQ.