[ad_1]
\n<\/p>\n
The link:<\/p>\n
<a onClick=\"doTheMagic('http:\/\/www.google.com\/',1);\" href=\"#\">Click on it.<\/a> Your Total Clicked: <span id=\"timesClicked_1\">0<\/span>; Remaining Total Clicked <span id=\"timesRequired_1\">10<\/span>\n <br \/>\n <a onClick=\"doTheMagic('http:\/\/www.facebook.com\/',2);\" href=\"#\">Click on it.<\/a> Your Total Clicked: <span id=\"timesClicked_2\">0<\/span>; Remaining Total Clicked <span id=\"timesRequired_2\">10<\/span>\n <br \/>\n <a onClick=\"doTheMagic('http:\/\/www.twitter.com\/',3);\" href=\"#\">Click on it.<\/a> Your Total Clicked: <span id=\"timesClicked_3\">0<\/span>; Remaining Total Clicked <span id=\"timesRequired_3\">10<\/span>\n<\/code><\/pre>\nThe javascript:<\/p>\n
var clickCounter = new Array();\nclickCounter[1] = 0;\nclickCounter[2] = 0;\nclickCounter[3] = 0;\n\nfunction doTheMagic(src,linkNumber){\n clickCounter[linkNumber]++;\n if(clickCounter[linkNumber] >= 10){\n poptastic(src);\n }\n document.getElementById(\"timesClicked_\" + linkNumber).innerHTML = clickCounter[linkNumber];\n document.getElementById(\"timesRequired_\" + linkNumber).innerHTML = (10 - clickCounter[linkNumber]);\n}\n\nvar newwindow;\nvar adParams = {a: '9386380', size: '728x90'};\nvar size = adParams['size'].split(\"x\");\nfunction poptastic(url){\n var params = [\n 'height=\"+size[0],\n \"width=\"+size[1],\n \"fullscreen=no' \/\/ only works in IE, but here for completeness\n ].join(',');\n newwindow=window.open(url,'name',params);\n if (window.focus) {newwindow.focus()}\n}\n<\/code><\/pre>\njsfiddle<\/a><\/p>\n<\/p><\/div>\n<\/div>\n<\/div>\n 20<\/span> <\/p><\/div>\n<\/div>\n