<?php 
/* 
 * test_auto_complete.php 
 * 
 * @(#) $Header: /opt2/ena/metal/forms/test_auto_complete.php,v 1.9 2006/12/20 06:21:16 mlemos Exp $ 
 * 
 */ 
 
    require('forms.php'); 
    require('form_ajax_submit.php'); 
    require('form_auto_complete.php'); 
 
    $form=new form_class; 
    $form->NAME='auto_complete_form'; 
    $form->METHOD='POST'; 
    $form->ACTION=''; 
    $form->debug='error_log'; 
    $form->AddInput(array( 
        'TYPE'=>'text', 
        'ID'=>'color', 
        'NAME'=>'color', 
        'LABEL'=>'<u>C</u>olor', 
        'ACCESSKEY'=>'C', 
        'VALUE'=>'', 
        'SIZE'=>32, 
        'ExtraAttributes'=>array( 
            'autocomplete'=>'off' 
        ) 
    )); 
    $form->AddInput(array( 
        'TYPE'=>'button', 
        'NAME'=>'show_colors', 
        'ID'=>'show_colors', 
        'VALUE'=>'...' 
    )); 
    $form->AddInput(array( 
        'TYPE'=>'custom', 
        'ID'=>'complete_color', 
        'NAME'=>'complete_color', 
        'CustomClass'=>'form_auto_complete_class', 
        'CompleteInput'=>'color', 
        'CompleteMinimumLength'=>1, 
        'CompleteValues'=>array( 
            'Black'=>' 
                <span style="background-color: black; color: white;">B</span>lack', 
            'Blue'=> 
                '<span style="background-color: blue; color: white;">B</span>lue', 
            'Cyan'=> 
                '<span style="background-color: cyan;  color: #000000">C</span>yan', 
            'Green'=> 
                '<span style="background-color: green; color: white;">G</span>reen', 
            'Magenta'=> 
                '<span style="background-color: magenta">M</span>agenta', 
            'Red'=> 
                '<span style="background-color: red">R</span>ed', 
            'White'=> 
                '<span style="background-color: white; color: #000000">W</span>hite', 
            'Yellow'=> 
                '<span style="background-color: yellow; color: #000000">Y</span>ellow', 
        ), 
        'Dynamic'=>1, 
        'ShowButton'=>'show_colors', 
        'FeedbackElement'=>'complete_color_feedback', 
        'SubmitFeedback'=>' 
            <img src="indicator.gif" width="16" height="16" alt="Looking up for colors" title="Looking up for colors" /> ', 
        'CompleteFeedback'=>' 
            <img src="indicator.gif" width="16" height="16" style="visibility: hidden;" /> ', 
    )); 
    $form->AddInput(array( 
        'TYPE'=>'text', 
        'ID'=>'font', 
        'NAME'=>'font', 
        'LABEL'=>'<u>F</u>ont', 
        'ACCESSKEY'=>'F', 
        'VALUE'=>'', 
        'SIZE'=>32, 
        'ExtraAttributes'=>array( 
            'autocomplete'=>'off' 
        ) 
    )); 
    $form->AddInput(array( 
        'TYPE'=>'image', 
        'NAME'=>'show_fonts', 
        'ID'=>'show_fonts', 
        'SRC'=>'pulldown.gif', 
        'ALT'=>'Show fonts', 
        'ALIGN'=>'top' 
    )); 
    $form->AddInput(array( 
        'TYPE'=>'custom', 
        'ID'=>'complete_font', 
        'NAME'=>'complete_font', 
        'CustomClass'=>'form_auto_complete_class', 
        'CompleteInput'=>'font', 
        'CompleteMinimumLength'=>1, 
        'CompleteValues'=>array( 
            'sans-serif'=> 
                '<span style="font-family: sans-serif; float: right">ABC</span>Sans Serif', 
            'serif'=> 
                '<span style="font-family: serif; float: right">ABC</span>Serif', 
            'cursive'=> 
                '<span style="font-family: cursive; float: right">ABC</span>Cursive', 
            'fantasy'=> 
                '<span style="font-family: fantasy; float: right">ABC</span>Fantasy', 
            'monospace'=> 
                '<span style="font-family: monospace; float: right">ABC</span>Monospace', 
        ), 
        'Dynamic'=>0, 
        'MenuStyle'=>'', 
        'MenuClass'=>'groovymenu', 
        'ItemStyle'=>'', 
        'SelectedItemStyle'=>'', 
        'ItemClass'=>'groovyitem', 
        'SelectedItemClass'=>'groovyselecteditem', 
        'ShowButton'=>'show_fonts', 
    )); 
 
    /* 
     * This code is necessary to handle the requests for fetching 
     * auto-complete values. 
     */ 
    $form->HandleEvent($processed); 
    if($processed) 
        exit; 
 
    $form->ConnectFormToInput('color', 'ONLOAD', 'Focus', array()); 
 
    $onload=HtmlSpecialChars($form->PageLoad()); 
 
?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title>Test for Manuel Lemos' PHP form class 
using the auto-complete plug-in input</title> 
<style type="text/css"><!-- 
BODY { color: black; font-family: arial, helvetica, sans-serif; 
    background-color: #cccccc } 
.groovymenu { background-color: #cccccc; padding: 4px; border-style: solid; 
    border-top-color: #f9f9f9; border-left-color: #f9f9f9; 
    border-bottom-color: #868686; border-right-color: #868686; 
    border-width: 1px; opacity: 0.9; filter: alpha(opacity=90); } 
.groovyitem { padding: 1px; } 
.groovyselecteditem { padding: 1px; color: #ffffff; 
    background-color: #000080; } 
// --></style> 
</head> 
<body onload="<?php    echo $onload; ?>" bgcolor="#cccccc"> 
<center><h1>Test for Manuel Lemos' PHP form class 
using the auto-complete plug-in input</h1></center> 
<hr /> 
<?php 
    $error_message=''; 
    $form->StartLayoutCapture(); 
    $title='Auto-complete plug-in test'; 
    $body_template='form_auto_complete_body.html.php'; 
    include('templates/form_frame.html.php'); 
    $form->EndLayoutCapture(); 
    $form->DisplayOutput(); 
?> 
<hr /> 
</body> 
</html> 
 
 |