fhiiqm/test/partner_select1.php
author Bettina Schwarzer <schwarzer@fhi-berlin.mpg.de>
Fri, 02 Sep 2011 12:52:50 +0200
changeset 3 3c49783d0862
parent 1 6288d5685bff
permissions -rw-r--r--
jquery ui autocomplete -Test

<?php

/**
 * @author Bettina Schwarzer, Fritz-Haber-Institut
 * @copyright 08/2011
 */


    error_reporting(E_ALL ^ E_NOTICE);
    
    include_once($_SERVER["DOCUMENT_ROOT"]."/fhiiqm/inc/dbconnect.inc.php");
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <link type="text/css" href="/fhiiqm/css/db.css" rel="Stylesheet" />	
    <link type="text/css" href="/fhiiqm/css/jquery/ui-lightness/jquery-ui-1.8.16.custom.css" rel="Stylesheet" />	
    <script type="text/javascript" src="/fhiiqm/js/jquery/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="/fhiiqm/js/jquery/jquery-ui-1.8.16.custom.min.js"></script>
    <title>Test jquery ui autocomplete</title>
 </head>
 
 <body>
<!--    <script>
        $(function() {
/*        
        function log( message ) {
			$( "<div/>" ).text( message ).prependTo( "#log" );
			$( "#log" ).scrollTop( 0 );
		}
*/
		$( "#partner" ).autocomplete({
//			source: "partner_list_autocomplete.php",
			source: ["FU Berlin", "TU Berlin", "HU Berlin"],
			minLength: 2;
/*			select: function( event, ui ) {
				log( ui.item ?
					"Selected: " + ui.item.value + " aka " + ui.item.id :
					"Nothing selected, input was " + this.value );
			}
*/
		});
	});
    </script>
-->
    <script>
      $(document).ready(function() {
        $("#partner").autocomplete({
                source: "partner_list_autocomplete.php",
    			minLength: 2,
                autofocus: true
    		});
        $('#date').datepicker();
        $( "#format" ).change(function() {
        $( "#date" ).datepicker( "option", "dateFormat", $( this ).val() );
            	});
        $("a").click(function(){
            alert("das wird nicht funktionieren!");
            $(this).hide("slow");
            return false;});
        $("input").filter("long20").addClass("long20");
        $("input").filter("long30").addClass("long30");
        $("input").filter("long50").addClass("long50");
        });
    </script>
    
    <?php
        $part = $_POST["partner"];
        $dat = $_POST["date"];
        if ($part || $dat) 
        {
            $partid = trim(substr($part,0,strpos($part,"-")));
            $datef = new DateTime_s($dat);     
        }   
    ?>

    <form action="<?php $_SERVER["PHP_SELF"] ?>" method="post" enctype="application/x-www-form-urlencoded" id="form_part" target="_self">
    <table cellpadding="10">
        <tr><td>
            <h3>Versuch autocomplete ui widget</h3>
            <div class="ui-widget">
            	<label for="partner">Partner: </label>
            	<input class="long30" id="partner" name="partner" value="<?php echo $part; ?>"/> <br />
                <?php echo "partner-ID = $partid<br />\n"; ?>
                <br />
            
                <label>Datum waehlen:</label>
                <input class="long20" type="text" name="date" id="date" value="<?php echo $dat; ?>" /><br />
                <?php echo "Datum = $datef<br />\n"; ?>
            </div>
            <div class="ui-widget">
            <br />
            <label>Format options: </label>
            <br />
            	<select id="format">
            		<option value="mm/dd/yy">Default - mm/dd/yy</option>
            		<option value="dd.mm.yy">German - dd.mm.yy</option>
            		<option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option>
                    <!--
            		<option value="d M, y">Short - d M, y</option>
            		<option value="d MM, y">Medium - d MM, y</option>
            		<option value="DD, d MM, yy">Full - DD, d MM, yy</option>
            		<option value="'day' d 'of' MM 'in the year' yy">With text - 'day' d 'of' MM 'in the year' yy</option>
                    -->
            	</select>
            <br /><br />
            <button type="submit" id="ab" name="ab" onclick="$this.form.submit;">und ab</button>
            </div>
            <p><a href="/gallerie.html">zur Gallerie</a></p>
        </td></tr>
    </table>
    </form>
 </body>
 </html>