PHP Classes

File: appz/autosuggest/autosuggest.php

Recommend this page to a friend!
  Classes of Guilherme Blanco  >  pAjax  >  appz/autosuggest/autosuggest.php  >  Download  
File: appz/autosuggest/autosuggest.php
Role: Application script
Content type: text/plain
Description: Auto Suggestion Application
Class: pAjax
Do RPC calls from the browser without page reloads
Author: By
Last change: Updated US States
Date: 11 years ago
Size: 5,263 bytes


Class file image Download

require_once "../../class.pAjax.php";

suggestStates($text) {
// It could be an SQL statement execution with a like condition, example:
    // SELECT stateName FROM USAStates WHERE stateName LIKE '{$text}%';
$database = array(
"Alabama", "Alaska", "Arizona", "Arkansas",
"California", "Colorado", "Connecticut",
"Delaware", "Florida", "Georgia", "Hawaii",
"Idaho", "Illinois", "Indiana", "Iowa",
"Kansas", "Kentucky", "Lousiana",
"Maine", "Maryland", "Massachusetts", "Michigan", "Minnesota",
"Mississippi", "Missouri", "Montana",
"Nebraska", "Nevada", "New Hampshire", "New Jersey", "New Mexico",
"New York", "North Carolina", "North Dakota",
"Ohio", "Oklahoma", "Oregon",
"Pennsylvania", "Rhode Island", "South Carolina", "South Dakota",
"Tennessee", "Texas", "Utah", "Vermont", "Virginia",
"Washington", "West Virginia", "Wisconsin", "Wyoming"

suggestions($text, $database);

suggestColors($text) {
$database = array(
"AliceBlue", "AntigueWhile", "Aqua", "Aquamarine", "Azure",
"Beige", "Bisque", "Black", "BlanchedAlmond", "Blue", "BlueViolet", "Brown", "BurlyWood",
"CadetBlue", "Chartreuse", "Chocolate", "Coral", "CornflowerBlue", "Cornsilk", "Crimson", "Cyan",
"DarkBlue", "DarkCyan", "DarkGoldenRod", "DarkGray", "DarkKhaki", "DarkMagenta", "DarkOliveGreen",
"DarkOrange", "DarkOrchid", "DarkRed", "DarkSalmon", "DarkSeaGreen", "DarkSlateBlue", "DarkSlateGray",
"DarkTurquoise", "DarkViolet", "DeepPink", "DeepSkyBlue", "DimGray", "DodgerBlue",
"Feldspar", "FireBrick", "FloralWhite", "ForestGreen", "Fuchsia",
"Gainsboro", "GhostWhite", "Gold", "GoldenRod", "Gray", "Green", "GreenYellow",
"HoneyDew", "HotPink", "IndianRed", "Indigo", "Ivory", "Khaki",
"Lavender", "LavenderBlush", "LawnGreen", "LemonChiffon", "LightBlue", "LightCoral",
"LightCyan", "LightGoldenRodYellow", "LightGray", "LightGreen", "LightGreen", "LightPink",
"LightSalmon", "LightSeaGreen", "LightSkyBlue", "LightSlateBlue", "LightSlateGray",
"LightSteelBlue", "LightYellow", "Lime", "LimeGreen", "Linen",
"Magenta", "Maroon", "MediumAquaMarine", "MediumBlue", "MediumOrchid", "MediumPurple",
"MediumSeaGreen", "MediumSlateBlue", "MediumSpringGreen", "MediumTurquoise", "MediumVioletRed",
"MidnightBlue", "MintCream", "MistyRose", "Moccasin",
"NavajoWhite", "Navy", "OldLace", "Olive", "OliveDrab", "Orange", "OrangeRed", "Orchid",
"PaleGoldenRod", "PaleGreen", "PaleTurquoise", "PaleVioletRed", "PapayaWhip", "PeachPuff",
"Peru", "Pink", "Plum", "PowderBlue", "Purple", "Red", "RosyBrown", "RoyalBlue",
"SaddleBrown", "Salmon", "SandyBrown", "SeaGreen", "SeaShell", "Sienna", "Silver",
"SkyBlue", "SlateBlue", "SlateGray", "Snow", "SpringGreen", "SteelBlue",
"Tan", "Teal", "Thistle", "Tomato", "Turquoise", "Violet", "VioletRed",
"Wheat", "White", "WhiteSmoke", "Yellow", "YellowGreen"
suggestions($text, $database);

suggestions($text, $database) {
$return = array();
    for (
$i = 0; $i < count($database); $i++) {
        if (
strtolower($text) == strtolower(substr($database[$i], 0, strlen($text))))
$return[] = $database[$i];


$AJAX = new pAjax;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

<html xmlns="" lang="en" xml:lang="en">
    <title>Auto Suggestion Type Ahead Example</title>
    <link href="suggestions.css" type="text/css" rel="stylesheet" />

    <?php $AJAX->showJavaScript("../.."); ?>
<script type="text/javascript" src="autosuggestcontroller.js"></script>
    <script type="text/javascript" src="statessuggestionprovider.js"></script>
    <script type="text/javascript" src="colorssuggestionprovider.js"></script>
    <script type="text/javascript">
        window.onload = function () {
            var oTextBox1 = new AutoSuggestController(document.getElementById("TextBox1"), new StatesSuggestionProvider());
            var oTextBox2 = new AutoSuggestController(document.getElementById("TextBox2"), new ColorsSuggestionProvider());

    <h1>Auto Suggestion with Drop-down</h1>
      While you type anything on the input, it processes and autosuggest you by completing and selecting the word and displaying a drop down to allow selection<br />
      The database of this example are the USA states. Try typing something like "New Mexico" and see what it appears while you type a char.

    USA States: <input type="text" id="TextBox1" /><br />
    <br /><br /><br />
        The database of this other example are the HTML colors, and only display suggestions if length is > 2 (check "colorssuggestionprovider.js").
    HTML Colors: <input type="text" id="TextBox2" /><br />