Insight Eye Pro JavaScript Codes

These free JavaScript codes by Insight Eye Publishing can be used for commercial or personal use, but are unsupported. Released under Creative Commons Licence. The scripts are short and logically simple to understand, making them ideal for learning Javascript coding, etc.


  1. Email Page URL
  2. Clear Text Box
  3. Select All Text Box
  4. Hide Email Address
  5. Accept Terms & Conditions
  6. Accept Terms & Conditions (Text link version)
  7. Form Box Counter
  8. Randomize Anything
  9. Click Confirm

Creative Commons Licence



1&1 Hosting Offers

1. Email Page URL

Allows visitors to recommend any web page throughout a site. The URL to the page is sent via the visitors computer email program. Works with online email, like Gmail, too.

Demo:

Recommend this Page to a Friend

Code:

Insert within <HEAD></HEAD>

<script type="text/javascript">
<!--
function emailink(){
window.location = "mailto:"+"?subject=This web page might interest you..." + "&body="+window.location.href;
}
//-->
</script>

Insert anywhere within the body of the web page.

<a href="javascript:emailink()">Recommend this Page to a Friend!</a>

2. Clear a Text Box

Help users fill out form boxes by placing instructions in the box field. When clicking the field, the text instantly clears from the box. When the box is empty and the user clicks outside the box, the pre-set text returns.

Demo:

Code:

Insert the highligted section within your current form box.

<input type="text" name="abox" value="username" onfocus="javascript:if(this.value=='username') {this.value='';}" onblur="javascript:if(this.value=='') {this.value='username'}">

3. Select All Text Box

Allows the user to highlight the contents of a text box for easier copying.

Demo:


click to select code

Code:

Insert within <HEAD></HEAD>

<script type="text/javascript">
<!--
function selectAll(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
}
//-->
</script>

Insert anywhere within the body of the web page or within a <form></form> section.

<form name="name_a">
<textarea name="name_b" cols="28" rows="3"> the box text... </textarea>
<a href="javascript:selectAll('name_a.name_b')">click to select code</a>
</form>

Notes:

<form name="name_a"> and <textarea name="name_b"> needs to match in the line: <a href="javascript:selectAll('name_a.name_b')">


4. Hide Email Address

Uses JavaScript to display an email address - helps prevent spam bots harvesting the address.

Code:

Insert within <HEAD></HEAD>

<script type="text/javascript">
<!--
function em1234567890(a) {
RE = /^(.+)\#(.+)$/;
var launch = a.replace(RE,"mailto:$1@$2");
window.location = launch;
}
//-->
</script>

Insert anywhere within the body of the web page.

<a href="javascript:em1234567890('you#yoursite.com')">e-mail us</a>

Notes:

Change both instances of 'em1234567890' to any unique number/letter combination. The # character will be replaced with @. Use a different character as you like.


5. Accept Terms & Conditions

Requires the user to accept some terms before proceeding to the next page. Ideal for order-forms, age-restricted content, etc.

Demo:

I ACCEPT THE TERMS & CONDITIONS:

Code:

Insert within <HEAD></HEAD>

<script type="text/javascript">
<!--
// Source: insighteye.com
function checkCheckBox(f){
if (f.agree.checked == false )
{
alert("Please tick the box to continue");
return false;
} else
return true;
}
//-->
</script>

Insert anywhere within the body of the web page.

<form action="tc_yes.html" method="GET" onsubmit="return checkCheckBox(this)">
I accept: <input type="checkbox" value="0" name="agree">
<input type="submit" value="Continue">
<input type="button" value="Exit" onclick="document.location.href='index.html';">
</form>

Notes:

If you receive error: "Method Not Allowed" then change the line method="POST" to method="GET" - the script works in both modes.

The destination for the Exit button code -- 'document.location.href='index.html' -- can be any page in your website. We suggest your home page as the best choice.

The line -- "tc_yes.html" -- should be the page your visitors are clicking too or a script, as appropriate.


6. Accept Terms & Conditions - Text Link Version

Fuctions as the above code (#5) but uses a text link instead of form button.

Demo:

I ACCEPT THE TERMS & CONDITIONS:

Continue | Exit

Code:

Insert within <HEAD></HEAD>

<script type="text/javascript">
<!--
// Source: insighteye.com
function checkCheckBoxAgree(c){
if (c.agree_text.checked == false )
{
alert("Please tick the box to continue.");
return false;
} else
return true;
}
//-->
</script>

Insert anywhere within the body of the web page.

<form name="agreeform" action="#">
I accept: <input name="agree_text" type="checkbox" value="0">
<a href="tc_yes.html" onclick="return checkCheckBoxAgree(document.forms['agreeform'])"> | <a href="tc_exit.html">Exit</a>
</form>

Notes:

If you receive error: "Method Not Allowed" then change the line method="POST" to method="GET" - The script works in both modes.

The line -- "tc_yes.html" -- should be the page your visitors are clicking to or a script, as appropriate.

The line -- "tc_exit.html" -- can be any page you wish - perhaps the home page.


7. Form Box Counter

If you have a form box that requires a certain amount of characters to be entered into the box, then this script will help with this. A dialog box will tell the user how many characters have been entered and a warning if over the designated amount is entered. The code is set for 5 characters maximum. Add 1 more character to see the effect.

Demo:


Code:

Insert within <HEAD></HEAD>

<script type="text/javascript">
<!--
function CheckSize(form, field) {
if (field ==1) {
Ctrl = form.test;
y = 30;
x = Ctrl.value.length;
}
if (x < y)
SendMsg (Ctrl, "Number of characters is: " + x); else
SendMsg (Ctrl, "Too long - number of characters is: " + x);}
function SendMsg (Ctrl, PromptStr) { alert (PromptStr);
Ctrl.focus(); return;
}
//-->
</script>

Insert this section within your current form.

<textarea rows="2" cols="32" name="test">1234</textarea>
<input onclick="CheckSize(this.form,1)" type="button" value="count">

Notes:

The line -- Ctrl = form.test -- needs to be the same name as the form box you wish to count - <textarea rows="2" cols="32" name="test">


8. Randomize Anything - text, images, etc

This script will randomize text, image ads or just about anything else you like.

Code:

Insert wherever you want the random item to display.

<script type="text/javascript">
<!--
function randa() {
};
randa = new randa();
number = 0;
// keep adding these for more random items
randa[number++] = 'random item 1'
randa[number++] = 'random item 2'
increment = Math.floor(Math.random() * number);
document.write(randa[increment]);
//-->
</script>

Notes:

If a single (') apostrophe or (") double quotes are needed in a line of randomized text, you need to escape those characters like this ---
Adapt or perish, now as ever, is nature/'s inexorable imperative.


9. Click Confirm

This script will give a simple OK/Cancel confirmation box upon clicking a link.

Demo:

Next Page

Code:

Insert within <HEAD></HEAD>

<script type="text/javascript">
<!--
function warn123(){if(confirm("Have you read the Terms & Conditions?"))location.href="/yourscript_or_webpage/"};
//-->
</script>

This will be the link to trigger to confirmation box.

<a href="#" onclick="warn123();">Next Page</a>

Notes:

The section -- location.href="/yourscript_or_webpage/" -- will be the acual page or script you're directing to.

 

 

 

 


CREATIVE COMMONS LICENCE

This work by http://www.insighteye.com is licensed under a Creative Commons Attribution 3.0 Unported License.

These free JavaScript codes are offered at no charge for commercial and personal use. Source text where listed may be removed if absolutely required. All codes are provided as is and for educational merit. Note that these scripts are not supported by the author.

Creative Commons License

© 2013 Insight Eye Publishing | Home | Contact

Hostgator Coupons

Fontation: Free Font Downloads

W3Schools

Valid XHTML 1.0 Transitional