Zaks Realm v5.0

Action	HTML/JavaScript
Add Favorite - Adds a site to their favorites.	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <a href="javascript:window.external.AddFavorite('http://WEBSITE.HERE/','SITE DESCRIPTION')">LINK TEXT HERE</a> <!-- END -->
Advanced Text Effects - Advanced but really cool text.	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <span style="width: 100%; color: #000000; font-weight: bold; text-align: center; font-size: 30pt; filter: dropshadow(offy=5,offx=-1,color=#990000) glow(color=#FF0000,strength=6) wave(freq=2,strength=2,phase=2,lightstrength=20)">The Text Here</span> <!-- END -->
Alert Button - A message box pops up when clicked.	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <input type="button" value="TEXT HERE" onclick="alert('MESSAGE HERE')"> <!-- END -->
Change Background Colors - Changes the Background Color. (Put in the <head> tag.)	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <script> function initArray() { this.length = initArray.arguments.length or (var i = 0; i < this.length; i++) this[i+1] = initArray.arguments[i] } var hexChars = "0123456789ABCDEF"; function Dec2Hex (Dec) { var a = Dec % 16; var b = (Dec - a)/16; hex = "" + hexChars.charAt(b) + hexChars.charAt(a); return hex; } function bgChanger (begin, end, steps) { steps = steps -1 ; redA = begin.charAt(0) + begin.charAt(1); red_valA = parseInt(redA,'16'); redB = end.charAt(0) + end.charAt(1); red_valB = parseInt(redB,'16'); red_int = ((red_valB - red_valA) / steps) * -1; grnA = begin.charAt(2) + begin.charAt(3); grn_valA = parseInt(grnA,'16'); grnB = end.charAt(2) + end.charAt(3); grn_valB = parseInt(grnB,'16'); grn_int = ((grn_valB - grn_valA) / steps) * -1; bluA = begin.charAt(4) + begin.charAt(5); blu_valA = parseInt(bluA,'16'); bluB = end.charAt(4) + end.charAt(5); blu_valB = parseInt(bluB,'16'); blu_int = ((blu_valB - blu_valA) / steps) * -1; step = 2; red = red_valA; grn = grn_valA; blu = blu_v document.bgColor = begin; while ( steps >= step ) { red -= red_int; red_round = Math.round(red); red_hex = Dec2Hex(red); grn -= grn_int; grn_round = Math.round(grn); grn_hex = Dec2Hex(grn); blu -= blu_int; blu_round = Math.round(blu); blu_hex = Dec2Hex(blu); document.bgColor = red_hex + grn_hex + blu_hex; // document.write("<br>bgcolor = " + red_hex + grn_hex + blu_hex); step++; } document.bgColor = end; } </script> <script> <!-- // black to black (pause) bgChanger("000000","000000",25); // black to red bgChanger("000000","FF0000",25); // red to black bgChanger("FF0000","000000",25); // black to purple bgChanger("000000","AA00EE",25); // purple to black bgChanger("AA00EE","000000",25); // black to blue bgChanger("000000","0000FF",25); // blue to black bgChanger("0000FF","000000",25); // black to white (pause) bgChanger("000000","000000",25); //--> </script> <!-- END -->
Clock - Put in your HTML where you want the clock to be.	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <script language="JavaScript"> <!-- var timerID = null var timerRunning = false function stopclock(){ if(timerRunning) clearTimeout(timerID) timerRunning = false } function startclock(){ stopclock() showtime() } function showtime(){ var now = new Date() var hours = now.getHours() var minutes = now.getMinutes() var seconds = now.getSeconds() var timeValue = "" + ((hours > 12) ? hours - 12 : hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." document.clock.face.value = timeValue timerID = setTimeout("showtime()",1000) timerRunning = true } //--> </script> <body onLoad="startclock()"> <form name="clock" onSubmit="0"> <input type="text" name="face" size="11" value="....Initializing...."> </form> <!-- END -->
E-Mail w/ Subject Link - Adds a subject to an E-Mail link.	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <a href="mailto:EMAIL@DOMAIN.COM?Subject=SUBJECT">LINK TEXT HERE</a> <!-- END -->
Fixed Background - Makes an image background stay still while scrolling.	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <body bgcolor="COLOR HERE" bgproperties="fixed" background="BACKGROUND IMAGE HERE"> <!-- END -->
Glowing Text - Adds a glow to the text.	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <html> <head> <style> <!-- #GlowingText{filter: Glow(Color="#FF0000", Strength=5); width: 100%} --> </style> <script language="JavaScript1.2"> function GlowText(which){ if (document.all.GlowingText[which].filters[0].strength==5) document.all.GlowingText[which].filters[0].strength=3 else document.all.GlowingText[which].filters[0].strength=5 } function GlowText2(which){ if (document.all.GlowingText.filters[0].strength==5) document.all.GlowingText.filters[0].strength=3 else document.all.GlowingText.filters[0].strength=5 } function StartGlow(){ if (document.all.GlowingText&&GlowingText.length){ for (i=0;i<GlowingText.length;i++) eval('setInterval("GlowText('+i+')",150)') } else if (GlowingText) setInterval("GlowText2(0)",150) } if (document.all) window.onload=StartGlow </script> </head> <body> <center> <span id="GlowingText">Zaks Realm - Glowing Text - http://www.ZaksRealm.com</span> </center> <div style="text-align:right;position:fixed;bottom:3px;right:3px;width:100%;z-index:999999;cursor:pointer;line-height:0;display:block;"><a target="_blank" href="https://www.freewebhostingarea.com" title="Free Web Hosting with PHP5 or PHP7"><img alt="Free Web Hosting" src="https://www.freewebhostingarea.com/images/poweredby.png" style="border-width: 0px;width: 180px; height: 45px; float: right;"></a></div> </body> </html> <!-- END -->
History Buttons - When clicked you go back or forward.	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <input type="button" value="Back" onclick="history.go(-1)"> <input type="button" value="Forward" onclick="history.go(1)"> <!-- END -->
Link Alert - Alerts when the Mouse goes over it.	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <a href="PAGE HERE" onmouseover="alert('Message Here')">LINK TEXT HERE</a> <!-- END -->
Mail Button - Button to send E-Mail.	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <input type="button" value="TEXT HERE" onclick="parent.location='mailto:EMAIL@DOMAIN.com'"> <!-- END -->
Mouse Over - When the mouse is on your link it shows a message in the status bar.	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <a href="http://WEBSITE HERE" onmouseover="window.status='MESSAGE HERE'; return true">LINK TEXT HERE</A> <!-- END -->
Mouse Marquee - Scrolls a marquee next to the mouse.	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <!-- Double Click To Hide --> <body style="width: 100%; overflow-x: hidden; overflow-y: scroll"> <script language="JavaScript1.2"> <!-- //1 Set The Message That Will Be Displayed var scroller_msg='Zaks Realm - Mouse Marquee - http://www.ZaksRealm.com' //2) Set Whether Message Should Auto Disappear After X Seconds (0=perpetual). //Double Clicking The Page Will Also Hide The Message var dismissafter=0 var initialvisible=0 if (document.all) document.write('<marquee id="CursorScroll" style="position: absolute; width: 150px; border: 1px solid #FF0000; font-size: 12px; color: #FF0000; background-color: #000000; visibility: hidden">'+scroller_msg+'</marquee>') function followcursor(){ if (initialvisible==0){ CursorScroll.style.visibility="visible" initialvisible=1 } CursorScroll.style.left=document.body.scrollLeft+event.clientX+10 CursorScroll.style.top=document.body.scrollTop+event.clientY+10 } function dismissmessage(){ CursorScroll.style.visibility="hidden" } if (document.all){ document.onmousemove=followcursor document.ondblclick=dismissmessage if (dismissafter!=0) setTimeout("dismissmessage()",dismissafter*1000) } //--> </script> </body> <!-- END -->
No Focus - Removes that dotted border. (Like on my site. EX: My Navigation and all links.)	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <a href="PAGE HERE" onfocus="if(this.blur)this.blur();" class="TextLink">LINK TEXT HERE</a> <!-- END -->
No Right Click - Prevents the most popular way of stealing source. (Put in the <head> tag.)	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <script language="JavaScript"> document.onmousedown=click var times=0 var times2=10 function click() { if ((event.button==2) \|\| (event.button==3)) { if (times>=1) { bye() } alert("MESSAGE 1 HERE"); times++ } } function bye() { alert("MESSAGE 2 HERE"); bye() } </script> <!-- END -->
Open C:\ - When clicked it will open their C:\	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <input type="button" value="Open C:\" onclick="window.open('file:///C:/', 'display', 'scrollbars=1')"> <!-- END -->
Pop-Up Message - A Confirm Pop-Up when the page loads. (Put in the <head> tag.)	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <script language="LiveScript"> <!-- function zrMSG() { if (!confirm("MESSAGE HERE")); history.go(-1); return " " } document.writeln(zrMSG()) //--> </script> <!-- END -->
Text Highlight - Highlights the text.	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <html> <body> <center> <script language="JavaScript1.2"> var HLmessage="Zaks Realm - Text HighLight - http://www.ZaksRealm.com" var HLbasecolor="Black" var HLtextcolor="Red" var HLspeed=50 //Milliseconds //Do Not Edit Below - Advanced Users Only! var n=0 if (document.all){ document.write('<font color="'+HLbasecolor+'">') for (m=0;m<HLmessage.length;m++) document.write('<span id="HighLight">'+HLmessage.charAt(m)+'</span>') document.write('</font>') //Cache reference to HighLight array var tempref=document.all.HighLight } else document.write(HLmessage) function HighLightText(){ //Change all letters to base color if (n==0){ for (m=0;m<HLmessage.length;m++) tempref[m].style.color=HLbasecolor } //Start & change individual letters to HighLight color tempref[n].style.color=HLtextcolor if (n<tempref.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("StartHighLight()",1500) return } } function StartHighLight(){ if (document.all) flashing=setInterval("HighLightText()",HLspeed) } StartHighLight() </script> </center> </body> </html> <!-- END -->
Text Type - Types out the text.	<!-- HTML/JavaScript Code From http://www.ZaksRealm.com --> <html> <body> <script language="JavaScript1.2"> var it=0 function Initialize(){ mytext=Type.innerText var myheight=Type.offsetHeight Type.innerText='' document.all.Type.style.height=myheight document.all.Type.style.visibility="visible" TypeText() } function TypeText(){ Type.insertAdjacentText("beforeEnd",mytext.charAt(it)) if (it<mytext.length-1){ it++ setTimeout("TypeText()",100) } else return } if (document.all) document.body.onload=Initialize </script> <span id="Type">Zaks Realm - Typing Text - http://www.ZaksRealm.com</span> </body> </html> <!-- END -->