Quik html - Free Scripts

Script Navigation:

Security

No Right Click Script (IE4+)
Example: Click Here
Place this into the <head> section of your page.

Copy Code

And place this into the <body> tag itself:

<body onMouseDown="noStealing()">

Disable Highlighting Script (IE4+):
Place this into the <head> section of your page.

And place this into the <body> section of your page:

<body onMouseDown="disableSelect()">

No Left or Right Click Script (IE4+)
Place this into the <head> section of your page

Copy Code

And add this into the <body> tag itself:

<body onMouseDown="alert(1)">

Top

Prompting Username a Password Boxes
Set The Username & Password
Place this into the <head> section of your page:

Other

Change background onMouseover Script:
Place this into the <body> section of your page:

Copy Code

<table BORDER CELLSPACING=0><tr>
<td BGCOLOR="#000000"><a href="http://"

onMouseOver="document.bgColor='000000'">b</a></td>
<td BGCOLOR="#FFFFFF"><a href="http://"

onMouseOver="document.bgColor='FFFFFF'">a</a></td>
<td BGCOLOR="#009900"><a href="http://"

onMouseOver="document.bgColor='009900'">c</a></td>
<td BGCOLOR="#66CDAA"><a href="http://"

onMouseOver="document.bgColor='66CDAA'">k</a></td>
<td BGCOLOR="#E0FFFF"><a href="http://"

onMouseOver="document.bgColor='EOFFFF'">g</a></td>
<td BGCOLOR="#00FFFF"><a href="http://"

onMouseOver="document.bgColor='00FFFF'">r</a></td>
<td BGCOLOR="#60E0D0"><a href="http://"

onMouseOver="document.bgColor='60EODO'">o</a></td>
<td BGCOLOR="#00BFFF"><a href="http://"

onMouseOver="document.bgColor='00BFFF'">u</a></td>
<td BGCOLOR="#FA8072"><a href="http://"

onMouseOver="document.bgColor='FA8072'">n</a></td>
<td BGCOLOR="#FFB6C1"><a href="http://"

onMouseOver="document.bgColor='FFB6C1'">d</a></td>
<td BGCOLOR="#DC143C"><a href="http://"

onMouseOver="document.bgColor='DC143C'">c</a></td>
<td BGCOLOR="#FFDEAD"><a href="http://"

onMouseOver="document.bgColor='FFDEAD'">o</a></td>
<td BGCOLOR="#FFFFCD"><a href="http://"

onMouseOver="document.bgColor='FFFFCD'">l</a></td>
<td BGCOLOR="#DEB887"><a href="http://"

onMouseOver="document.bgColor='DEB887'">o</a></td>
<td BGCOLOR="#CCCCCC"><a href="http://" onMouseOver="document.bgColor='CCCCCC'">r</a>
</td></tr></table>

Top

Follow Link Upon Mouseover Script
Example: Home
Place this into the <head> section of your page

Copy Code

Then add this into the tag of a link:

<a href="URL Here" onMouseover="follow(this)">Click Here</a>

Top

Go To Link OnSelect Script
Example:
Place this into the <head> section of your page

Copy Code

Then just add this into the <option> and <select> tag of a select bar:

<select onChange="go(this)">

<option value="URL HERE">Option 1</option>

Top

Cool Status Bar onMouseover Script
Example
Just place this into the <a> tag of a link, right after the URL:

onMouseover="window.status='This is a cool script.'; return true" onMouseOut="window.status='';return true"

Top

Body Border Script
Example: Look at the border of this page.
Just place this in the <body> tag, like this:

<body style="border:1px solid; border-color:#0000FF;">

Top

Multiplication Table Script
Place this into the <body> section of your page, following the comments in the script

Haunted Textarea Script
Also seen in the Game Room
Place this into the <head> section of your page

Copy Code

// Posessed Textbox - By Scroungelo@aol.com
// This notice MUST stay intact for legal use
// To get more scripts, visit http://www.quikhtml.com/

function writeText() {
   this.text.value = "This is really a posessed textbox. I mean look at it!";

}

function eraseText() {
   this.text.value = "You just let go of your key! Push it back in!";
}

function clearText() {
    alert('Did you like the posessed textbox?');
    this.text.value = '';
}

function tellMe() {
   this.text.value = "You just double-clicked. I know everything.";
}

function sayIt() {
   this.text.value = "You will like the posessed textbox. Or will you not?";
}

// Just for the fun of it, I added this one in. Just in case
function youEdit() {
   this.text.value = "You just edited the text box! That's not allowed!";
}

function onBlur() {
   this.text.value = "So, how did you like the posessed textbox?";
}

function freakyText() {
    this.text.value = "               Muhahahahahaha!";
}

function rightClick() {
if (event.button==2) {
    this.text.value = "You just right clicked..."
}
}
</script>

And place this into the <body> section of your page:

Press and hold down a key in here:
<br />

<textarea name="text"
 class="messagebox" cols="45" rows="6"
 onkeydown="writeText()" onkeyup="eraseText()" ondblclick="tellMe()"
 onMouseDown="rightClick()" onmouseup="writeMe()" onchange="youEdit()" onblur="onBlur()">


</textarea>
<br />

<form>
<input type="reset" value="Clear Textbox"
 onClick="clearText()">  <input type="button"
 value="Freaky Text" onClick="freakyText()">
</form>

Top

Fancy Cursor
Example: Help Cursor | Crosshair Cursor | Move Cursor
Simply choose a cursor you want below, and put it in the <a> tag of a link.

Hand: style="cursor:hand"

Crosshair: style="cursor:crosshair"

Wait: style="cursor:wait"

Text: style="cursor:text"

Move: style="cursor:move"

Help: style="cursor:help"

Top

Visit A Page In Same Window
Simply place this into the <body> section of your page.
It also displays a message if your browser doesn't support iframe!
Copy Code

Top

Quik Scan
Scans your page for any possible errors.
Place this in the <head> section of your page:

Copy Code

And place this into the <body> section of your page:

<span style="text-align:center">Page Scanned with<br />
<a style="text-decoration:none" href="http://www.quikhtml.com/">Quik Scan</a></span>

Top

Scientific Calculator NEW!
Example: Click Here.
Simply slap all this code into the <body> section of your page:

Copy Code

<form name="form1" style="font-family:Sans-Serif;margin:0px;">
<table style="background-color:gray;border:2px solid darkgray;width:200;text-align:center;">
<tr>
<td><input type="text" name="answer" style="width:184;text-align:right;font-weight:bold;font-family:Sans-Serif;" 
onFocus="this.blur()" /></td>
</tr>
<tr>
<td><input type="button" value="√" style="width:34;height:24;" 
onClick="form1.answer.value=eval(Math.sqrt(form1.answer.value))"> <input type="button" style="width:34;" 
value="1" onClick="form1.answer.value+='1'"> <input 
type="button" value="2" style="width:34;" onClick="form1.answer.value+='2'"> <input type="button" 
value="3" style="width:34;" onClick="form1.answer.value+='3'"> <input type="button" value="+" 
style="width:34;" onClick="form1.answer.value+='+'"></td>
</tr>
<tr>
<td><input type="button" value="y2" style="width:34;" onClick="form1.answer.value=eval(form1.answer.value 
* form1.answer.value), runCheck()"> <input type="button" value="4" style="width:34;" 
onClick="form1.answer.value+='4'"> <input 
type="button" value="5" style="width:34;" onClick="form1.answer.value+='5'"> <input type="button" 
value="6" style="width:34;" onClick="form1.answer.value+='6'"> <input type="button" value="�" 
onClick="form1.answer.value+='-'" style="width:34;"></td>
</tr>
<tr>
<td><input type="button" value="y3" style="width:34;" onClick="form1.answer.value=eval(form1.answer.value 
* form1.answer.value * form1.answer.value), runCheck()"> <input type="button" value="7" style="width:34;" 
onClick="form1.answer.value+='7'"> <input 
type="button" value="8" style="width:34;" onClick="form1.answer.value+='8'"> <input type="button" 
value="9" style="width:34;" onClick="form1.answer.value+='9'"> <input type="button" value="x" 
style="width:34;" onClick="form1.answer.value+='*'"></td>
</tr>
<tr>
<td><input type="button" value="exp" style="width:34;" onClick="form1.answer.value=eval(Math.exp(form1.answer.value)), runCheck()"> <input type="button" 
value="π" style="width:34;height:24;font-family:Times New Roman, Sans-Serif;" 
onClick="form1.answer.value+='3.141592'"> <input 
type="button" value="0" style="width:34;" onClick="form1.answer.value+='0'"> <input type="button" 
value="." style="width:34;font-weight:bold;" onClick="form1.answer.value+='.'"> <input type="button" 
value="�" 
style="width:34;" onClick="form1.answer.value+='/'"></td>
</tr>
<tr>
<td><input type="button" value="sin" style="width:34;" 
onClick="form1.answer.value=eval(Math.sin(form1.answer.value)), runCheck()"> <input type="button" 
value="cos" style="width:34;" onClick="form1.answer.value=eval(Math.cos(form1.answer.value)), 
runCheck()"> <input type="button" value="tan" style="width:34;" 
onClick="form1.answer.value=eval(Math.tan(form1.answer.value)), runCheck()"> <input type="button" 
value="%" style="width:34;" onClick="form1.answer.value=eval(form1.answer.value / 100), runCheck()"> 
<input type="button" value="1/x" style="width:34;" onClick="form1.answer.value=eval(1 / 
form1.answer.value)"></td>
</tr>
<tr>
<td><input type="button" value="sinֿ�" style="width:34;" onClick="form1.answer.value=eval(Math.sin(1 / 
form1.answer.value)), runCheck()"> <input type="button" value="cosֿ�" style="width:34;" 
onClick="form1.answer.value=eval(Math.cos(1 / form1.answer.value)), runCheck()"> <input type="button" 
value="tanֿ�" style="width:34;" onClick="form1.answer.value=eval(Math.tan(1 / form1.answer.value)), 
runCheck()"> <input type="button" style="width:34;" value="+/-" 
onClick="plusminus()"> <input type="button" 
value="C→F" style="width:34;height:24;" onClick="form1.answer.value=eval(form1.answer.value * 1.8 + 
32)"></td>
</tr>
<tr>
<td><input type="button" style="width:34;" value="undo" onClick="javascript:undo()"> <input type="button" 
value="(" style="width:34;" onClick="form1.answer.value+='('"> <input 
type="button" value=")" style="width:34;" onClick="form1.answer.value+=')'"> <input type="button" 
value="CE" style="width:34;" onClick="form1.answer.value=''"> <input type="button" value="=" 
style="width:34;" onClick="form1.answer.value=eval(form1.answer.value), runCheck()"></td>
</tr>
</table>
</form>
<script>
/*
Scientific Calculator - From Quik html
This notice MUST stay intact for legal use
To get more scripts, visit http://www.quikhtml.com/
*/
function runCheck() {
if (form1.answer.value =='undefined' || form1.answer.value =='NaN')
{
form1.answer.value = "";
}
}

function undo() {
form1.answer.value = form1.answer.value.substring(0, form1.answer.value.length - 1)
}

function plusminus() {
if(form1.answer.value.substring(0, 1) == "-")
form1.answer.value = form1.answer.value.substring(1, form1.answer.value.length)
else {
form1.answer.value = "-" + form1.answer.value
}
}
</script>

Top

Tabbed View Script NEW!
Example: Click Here

First, place this into the <head> section of your page:
Copy Code

.switch:hover {background-color:darkblue;
               color:#FFFFFF;
               text-align:center;
               text-decoration:none;
               border:1px solid black;
               height:24;
               width:100;
}
</style>
<script>
/* 
Tabbed View Script - From Quik html
This notice MUST stay intact for legal use
For this script and more, visit http://www.quikhtml.com/
*/
function showMenu() {
document.getElementById("menu1").style.visibility='visible'
document.getElementById("menu1").style.position='absolute'
document.getElementById("menu2").style.visibility='hidden'
}

function showMenu2() {
document.getElementById("menu2").style.visibility='visible'
document.getElementById("menu2").style.position='absolute'
document.getElementById("menu1").style.visibility='hidden'
}
</script>

And place this into the <body> section of your page, customizing what is on each tab.
Copy Code

Top

Your Browser And Mouse Info
Example: Click Here
Simply place all this into the <body> section of your page:
Copy Code

Top

Browser Earthquake (works best in AOL)
Example: Click Here
Simply place this RIGHT AFTER the <body> tag itself:
Copy Code

Top

Date & Time

Cool Status Bar Calendar
Example: Look at the status bar of this page.
Simply place this into the <head> section of your page:

Cool Day, Date, and Year Calendar
Example:
Simply place this into the <body> section of your page:

Dynamic Clock
Example: ?
Simply place this into the <body> section of your page:

Copy Code

Top

PopUps

Simple PopUp (onLoad) Script
Example
Simply place this into the <head> section of your page

Simple Greeting Script
Simply place this into the <head> section of your page:

Didn't find a script you were looking for? Request a script