<?php
require_once( "../xajax_core/xajax.inc.php" );

function testForm( $formData )
{
    $objResponse=new xajaxResponse();
    $objResponse->alert( "formData: " . print_r( $formData, true ) );
    $objResponse->assign( "submittedDiv", "innerHTML", nl2br( print_r( $formData, true ) ) );
    return $objResponse;
}

$xajax=new xajax();
//$xajax->setFlag("debug", true);
$xajax->registerFunction( "testForm" );
$xajax->processRequest();
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
    <head>
        <title>Form Submission Test| xajax Tests</title>

        <style type = "text/css">
            fieldset > div
                {
                border: 1px solid gray;
                padding: 5px;
                background-color: white;
                }
        </style>

        <?php $xajax->printJavascript( "../" ) ?>
    </head>

    <body>
        <h2><a href = "index.php">xajax Tests</a></h2>

        <h1>Form Submission Test</h1>

        <div>
            <form id = "testForm1" onsubmit = "return false;">
                <fieldset style = "display:inline; background-color: rgb(230,230,230);">
                    <legend>
                        Test Form
                    </legend>

                    <div style = "margin: 3px;">
                        <div>
                            Text Input
                        </div>

                        <input type = "text" id = "textInput" name = "textInput" value = "text" />
                    </div>

                    <div style = "margin: 3px;">
                        <div>
                            Password Input
                        </div>

                        <input type = "password" id = "textInput" name = "passwordInput" value = "2br!2b" />
                    </div>

                    <div style = "margin: 3px;">
                        <div>
                            Textarea
                        </div>

                        <textarea id = "textarea" name = "textarea">
                            text text
                        </textarea>
                    </div>

                    <div style = "margin: 3px;">
                        <div>
                            <input type = "checkbox"
                                id = "checkboxInput1" name = "checkboxInput[]" value = "1" checked = "checked" />

                            <label for = "checkboxInput1">Checkbox Input 1</label>
                        </div>

                        <div>
                            <input type = "checkbox"
                                id = "checkboxInput2" name = "checkboxInput[]" value = "2" checked = "checked" />

                            <label for = "checkboxInput2">Checkbox Input 2</label>
                        </div>
                    </div>

                    <div style = "margin: 3px;">
                        <div>
                            <input type = "checkbox" id = "checkboxMethodTwoInput1"
                                name = "checkboxMethodTwoInput[0]" value = "1" checked = "checked" />

                            <label for = "checkboxMethodTwoInput1">Checkbox Method 2 Input 1</label>
                        </div>

                        <div>
                            <input type = "checkbox" id = "checkboxMethodTwoInput2"
                                name = "checkboxMethodTwoInput[1]" value = "2" checked = "checked" />

                            <label for = "checkboxMethodTwoInput2">Checkbox Method 2 Input 2</label>
                        </div>

                        <div>
                            <input type = "checkbox" id = "checkboxMethodTwoInput3"
                                name = "checkboxMethodTwoInput[3]" value = "4" checked = "checked" />

                            <label for = "checkboxMethodTwoInput3">Checkbox Method 2 Input 3</label>
                        </div>
                    </div>

                    <div style = "margin: 3px;">
                        <div>
                            Radio Input
                        </div>

                        <div>
                            <input type = "radio"
                                id = "radioInput1" name = "radioInput" value = "1" checked = "checked" />

                            <label for = "radioInput1">One</label>
                        </div>

                        <div>
                            <input type = "radio" id = "radioInput2" name = "radioInput" value = "2" />

                            <label for = "radioInput2">Two</label>
                        </div>
                    </div>

                    <div style = "margin: 3px;">
                        <div>
                            Select
                        </div>

                        <select id = "select" name = "select">
                            <option value = "1">One</option>

                            <option value = "2">Two</option>

                            <option value = "3">Three</option>

                            <option value = "4">Four</option>
                        </select>
                    </div>

                    <div style = "margin: 3px;">
                        <div>
                            Multiple Select
                        </div>

                        <select id = "multipleSelect" name = "multipleSelect[]" multiple = "multiple" size = 4>
                            <option value = "1" selected = "selected">One</option>

                            <option value = "2">Two</option>

                            <option value = "3">Three</option>

                            <option value = "4">Four</option>
                        </select>
                    </div>

                    <span style = "margin: 3px;">

                    <input type = "submit" value = "submit through xajax"
                        onclick = "xajax_testForm(xajax.getFormValues('testForm1')); return false;" /> </span>
                </fieldset>
            </form>
        </div>

        <div id = "submittedDiv" style = " margin: 3px;">
        </div>
    </body>
</html>

