[b]Credits:[/b] me and my teammates.. LOL! ([b]DuchShiKnight2008[/b]) [b]Javascript.internet.com[/b] [b]basic function:[/b] the link doesnt activate until the charging bar is full.. [b] step 1:[/b] Paste above the other codes: [quote]// this parts can be edited var linkurl="[b]YOUR LINK[/b]"; var loadtime=4; var clicktext="Charging Link Please Wait..."; var linkactive="Link Activated" var automaticlink=0; // be careful on what youre changing var doload=0;var doing=0;var loadsize=1; function cont() { if (doload==0 & loadsize>1) loadsize=loadsize- 1; if (doload==1 & loadsize<loadtime*20) loadsize=loadsize- -1; loader.width=Math.round(loadsize/(loadtime*20)*(loadarea.width-2-(loadarea.border*2))); if (loadsize>1 & loadsize<loadtime*20) {setTimeout('cont()', 0050); doing=1} else {doing=0} if (loadsize>=loadtime*20){activeshow.innerHTML=linkactive; if (automaticlink==1)checklink();}else{activeshow.innerHTML=""}} function loading() {doload=1;if (doing==0) cont();} function stopping() {doload=0;if (doing==0) cont();} function checklink(instantly){if (loadsize>=loadtime*20) {window.location.href=linkurl;doing=2} else alert(clicktext)}[/quote] [b] step 2:[/b] Use this HTML code inside a content replacement code. Paste inside the loader. [quote]<input type=\"image\" onclick=\"javascript:checklink()\" onmouseover=\"javascript:loading()\" onmouseout=\"javascript:stopping()\" src=\"[b]URL OF BUTTON IMAGE[/b]\"><div border=\"2\" class=\"logout\"><table border=\"3\" id=\"loadarea\" cellspacing=\"0\" width=\"110\" cellpadding=\"0\"><td><table width=\"1\" height=\"12\" id=\"loader\" bgcolor=\"transparent\" BACKGROUND=\"[b]URL OF LOADING IMAGE[/b]\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td></td></table></td></tr></table></div><span id=\"activeshow\" border=\"1\"></span>[/quote] format can be like this: [quote]var aw = "<input type=\"image\" onclick=\"javascript:checklink()\" onmouseover=\"javascript:loading()\" onmouseout=\"javascript:stopping()\" src=\"[b]URL OF BUTTON IMAGE[/b]\"><div border=\"2\" class=\"logout\"><table border=\"3\" id=\"loadarea\" cellspacing=\"0\" width=\"110\" cellpadding=\"0\"><td><table width=\"1\" height=\"12\" id=\"loader\" bgcolor=\"transparent\" BACKGROUND=\"[b]URL OF LOADING IMAGE[/b]\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td></td></table></td></tr></table></div><span id=\"activeshow\" border=\"1\"></span>"; document.getElementById('[b]div_id[/b]').style.height='100%'; document.getElementById('[b]div_id[/b]').style.overflowY='hidden'; document.getElementById('[b]div_id[/b]').innerHTML = "<table width='100%'><tr><td align='center'>"+aw+"</td></tr></table>";[/quote] and its as simple as that... i hope you guys get its purpose. you just have to use your creativity in where to use it.. this can be nice to add delay for logout buttons so people will have a hard time leaving your profile.. LOL! my last script muna for the week.. weee... study pa ako.. LOLz.. [quote]hehe.. i shared it coz duch is offline i was going to let her share this coz i dont want to type..[/quote] preview [url]http://profiles.friendster.com/56419498[/url]

Last edited by dracoknight09 (2008-01-30 09:22:16)