JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

FontsMadeEasy.com

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial



Search Your Page

This is the mother of all searches for your personal page. You input the URL, the title, and some keywords and this puppy searches though them all looking for matches. It gets better!! It also has a form validation so in case you make a typo and enter a period, it catches it and makes you correct it.


Insert into <HEAD>


Insert into <BODY>
<script language="javascript"> var key = ""; function makeEntry (){ this.Name=""; this.URL = ""; this.Desc = ""; this.Category = ""; return this; } function makeArray(n) { this.length = n; for (var k = 1; k <= n; k++) { this[k] = ""; } return this; } function makeLinks(size) { this.length = size; for (var r=1; r<= size; r++) { this[r] = new makeEntry(); this[r].Name = namesArray[r]; this[r].URL = urlsArray[r]; this[r].Desc = descArray[r]; } return this; } var linksize=0 datesArray = new makeArray(linksize); namesArray = new makeArray(linksize); urlsArray = new makeArray(linksize); descArray = new makeArray(linksize); var arraycount=0 arraycount += 1 urlsArray[arraycount] = "YOUR LINK" namesArray[arraycount] = "YOUR PAGE NAME" descArray[arraycount] = "YOU KEYWORDS OR DESCRIPTION" arraycount += 1 urlsArray[arraycount] = "YOUR LINK" namesArray[arraycount] = "YOUR PAGE NAME" descArray[arraycount] = "YOU KEYWORDS OR DESCRIPTION" linksize = arraycount; // ----end data ------- function searchLinks(links, keyword){ document.write("<BODY BGCOLOR='YOUR COLOR' TEXT='YOUR COLOR' LINK='YOUR COLOR' VLINK='YOUR COLOR' ALINK='YOUR COLOR'>") document.write("Search results for keyword: <strong>" +keyword +"</strong><br><br>"); for (var q=1; q<=links.length; q++) { if (links[q].URL.toLowerCase().indexOf(keyword) != -1){ document.write("<a href=" + links[q].URL +">" + links[q].Name + "</a> - "); document.write( links[q].Desc + "<br>"); continue; } if (links[q].Desc.toLowerCase().indexOf(keyword) != -1) { document.write("<a href=" + links[q].URL +">" + links[q].Name + "</a> - "); document.write( links[q].Desc + "<br>"); continue; } if (links[q].Name.toLowerCase().indexOf(keyword) != -1) { document.write("<a href=" + links[q].URL +">" + links[q].Name + "</a> - "); document.write( links[q].Desc + "<br>"); continue; } } } </script> <form name="form"> Search:<br><input type="text" size=50 name="search"><br> <input type="button" name="submit" value="Submit" onClick="validate_form()"><input type="reset" name="reset" value="Clear"></form> <script> function validate_form() { txt = document.form.search.value; if (txt.indexOf(".") != -1){ alert("Search is invalid! Contains a '.'"); return;} if (txt.indexOf(",") != -1){ alert("Search is invalid! Contains a ','"); return;} if (txt.indexOf("@") != -1){ alert("Search is invalid! Contains a '@''"); return;} if (txt.indexOf("!") != -1){ alert("Search is invalid! Contains a '!''"); return;} if (txt.indexOf("#") != -1){ alert("Search is invalid! Contains a '#''"); return;} if (txt.indexOf("$") != -1){ alert("Search is invalid! Contains a '$''"); return;} if (txt.indexOf("%") != -1){ alert("Search is invalid! Contains a '%''"); return;} if (txt.indexOf("^") != -1){ alert("Search is invalid! Contains a '^''"); return;} if (txt.indexOf("&") != -1){ alert("Search is invalid! Contains a '&''"); return;} if (txt.indexOf("") != -1){ alert("Search is invalid! Contains a '''"); return;} if (txt.indexOf("(") != -1){ alert("Search is invalid! Contains a '(''"); return;} if (txt.indexOf(")") != -1){ alert("Search is invalid! Contains a ')''"); return;} if (txt.indexOf("[") != -1){ alert("Search is invalid! Contains a '[''"); return;} if (txt.indexOf("]") != -1){ alert("Search is invalid! Contains a ']''"); return;} if (txt.indexOf(";") != -1){ alert("Search is invalid! Contains a ';''"); return;} if (txt.indexOf(":") != -1){ alert("Search is invalid! Contains a ':''"); return;} if (txt.indexOf("<") != -1){ alert("Search is invalid! Contains a '<''"); return;} if (txt.indexOf(">") != -1){ alert("Search is invalid! Contains a '>''"); return;} if (txt.indexOf("?") != -1){ alert("Search is invalid! Contains a '?''"); return;} if (txt.indexOf("-") != -1){ alert("Search is invalid! Contains a '-''"); return;} if (txt.indexOf("=") != -1){ alert("Search is invalid! Contains a '=''"); return;} if (txt.indexOf("+") != -1){ alert("Search is invalid! Contains a '+''"); return;} else { jsi = new makeLinks(linksize); searchLinks(jsi, txt); document.write("<br><hr><br>"); document.write("<a href='YOUR PAGE LOCATION'>Back</a><br>"); } } </script>

Other Options
Please click the Submit button when done (If you press enter it won't do anything but reload the page) To use this script, just copy the code anywhere into your page. (Get ready there's a lot to copy!) To add more links or searchs possibliites, just add the following lines of code. They go in about the top-middle of the script with the ones that are exactly like them. arraycount += 1 urlsArray[arraycount] = "YOUR LINK" namesArray[arraycount] = "YOUR NAME" descArray[arraycount] = "YOU KEYWORDS OR DESCRIPTION" Don't forget to change YOUR LINK, YOUR PAGE NAME, YOUR DESCRIPTION, YOUR COLOR, and YOUR PAGE LOCATION.