Listings
AJAX PHP Example
Example
<html> <head> <script> function showHint(str) { if (str.length == 0) { document.getElementById("txtHint").innerHTML = ""; return; } else { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("txtHint").innerHTML = this.responseText; } }; xmlhttp.open("GET", "gethint.php?q=" + str, true); xmlhttp.send(); } } </script> </head> <body> <p><b>Start typing a name in the input field below:</b></p> <form action=""> <label for="fname">First name:</label> <input type="text" id="fname" name="fname" onkeyup="showHint(this.value)"> </form> <p>Suggestions: <span id="txtHint"></span></p> </body> </html>
Code explanation:
First, check if the input field is empty (str.length == 0). If it is, clear the content of the txtHint placeholder and exit the function.
However, if the input field is not empty, do the following:
- Create an
XMLHttpRequestobject - Create the function to be executed when the server response is ready
- Send the request off to a PHP file (gethint.php) on the server
- Notice that
qparameter is added to the url(gethint.php?q=" + str) - And the
strvariable holds the content of the input field
The PHP File - "gethint.php"
The PHP file checks an array of names, and returns the corresponding name(s) to the browser:
gethint.php
// Array with names
$a[] = "Anna";
$a[] = "Brittany";
$a[] = "Cinderella";
$a[] = "Diana";
$a[] = "Eva";
$a[] = "Fiona";
$a[] = "Gunda";
$a[] = "Hege";
$a[] = "Inga";
$a[] = "Johanna";
$a[] = "Kitty";
$a[] = "Linda";
$a[] = "Nina";
$a[] = "Ophelia";
$a[] = "Petunia";
$a[] = "Amanda";
$a[] = "Raquel";
$a[] = "Cindy";
$a[] = "Doris";
$a[] = "Eve";
$a[] = "Evita";
$a[] = "Sunniva";
$a[] = "Tove";
$a[] = "Unni";
$a[] = "Violet";
$a[] = "Liza";
$a[] = "Elizabeth";
$a[] = "Ellen";
$a[] = "Wenche";
$a[] = "Vicky";
// get the q parameter from URL
$q = $_REQUEST["q"];
$hint = "";
// lookup all hints from array if $q is different from ""
if ($q !== "") {
$q = strtolower($q);
$len=strlen($q);
foreach($a as $name) {
if (stristr($q, substr($name, 0, $len))) {
if ($hint === "") {
$hint = $name;
} else {
$hint .= ", $name";
}
}
}
}
// Output "no suggestion" if no hint was found or output correct values
echo $hint === "" ? "no suggestion" : $hint;
Views: 2,508 / Downloads: 278 | Price: $0 | Ajax / Ajax PHP
Status: Active
|
You have no Listings. Create Listing.
Price: $3,500 
Free Tools
- Submit Software/Code
Sitemap Generator-
NameServer Lookup (NS) -
( SERP )Search Engine Ranking Position checker 
PHP Form Generator
Generate custom email forms.-
Domain (WHOIS) Lookup Check all domain information, exp date, owner,address. 
Meta Tags Generator Generate All meta tags and get ranked high on Search engines.. 
CPM Advertising Calculator Calculate and estimate your CPM / CPA / CPC.. 
CSS 3 Color Chart View all Known Colors and Their Css Atribute. Ex. #0099FF
FavIcon Generator Generate your own Favicon in seconds. Then Just Place the image.
Table Generator Generate
Tables just clicking the buttons
+ its Copy and Paste.
Dev's Tips
Dev: Ramon Sanchez
TIP: # 251 | Meta Tags
When addingMETA TAGSmake sure you dont over Repeat thekeywordsit wont help with SEO. Keep it Simple dont overdue it...
Contact Developer
Website Ranking Tools
Help you analyze and improve your Website rankings!
Google Rank Checker Check website Google rank.- Website search engine position
Check website position on search. - Search Engine Optimization Tools - Check how search engines see your Website !
- Search Engine Listing Preview Preview what your site's listing will look like.
- Website Resolution Viewer - View your website at a variety of common resolutions.
- Text Website Viewer
View your website in text-only mode, just as the search engines see it. - XHTML Website Source Tools - Check how search engines see's and affect your Website !
Source Code Viewer
View the source code of a website.- MD5 Encrypter
Encrypt text with MD5 encoding. - HTML Encrypter Encrypt your HTML code to hide it from visitors.
- Website Speed Test Check the loading speed of your site.
- Website owner Lookup See the Domain information and who is it registered to.
- Optimize Html Code Optimize your HTML Source code.
- Other Misc Website Tools - Check how search engines see and affect your Website.
- Website Status analyzer Analyze whether all the five major ports are responding back.
- TXT List Cleaner Clean and remove duplicates from a text list.
Javascript Hit Counter Copy and paste Javascript code to your website and create a web counter.
Browser Details Tool - View your IP address and your browser details.- Send Anonymous Email's.Allows the sending of anonymous e-mails.
- E-mail Image Generator Create an image of your e-mail address to prevent harvesting.