<?xml version="1.0" encoding="ISO-8859-1"?><page xmlns:ft="http://apache.org/cocoon/forms/1.0#template" xmlns:fi="http://apache.org/cocoon/forms/1.0#instance" xmlns:jx="http://apache.org/cocoon/templates/jx/1.0">
   
   

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    

    
    

    
    

    
    

    
    
    
    
    

    
    
    
    
    


    
    
    
    
    
    

    
    
    
    
    

  <fi:init xmlns:bu="http://apache.org/cocoon/browser-update/1.0">
	<script type="text/javascript">
	  // Uncomment this to see Dojo debug
	  // var djConfig = { isDebug: true };
    </script>	
  </fi:init>
  <h4 class="samplesGroup">AJAX sample</h4>
  <title>Cocoon suggests</title>
  <content>
      
    <para>This simple example illustrates the &lt;fd:suggestion-list&gt; feature, that allows
	      to provide suggestions on the fly to the user.
    </para>

    
      
      
        <fi:form-template ajax="true" action="continue" method="POST">
        
        
        
      <fi:continuation-id>53292f4521780113695840442853254b46572987</fi:continuation-id>
    
      Choose a file in Cocoon's samples. The suggestion-list is written in JavaScript
      (server side) and scans the samples directory with the input given.
      <br/>
      <bu:replace xmlns:bu="http://apache.org/cocoon/browser-update/1.0" id="path">
        
        <fi:field id="path" state="active" required="false"><fi:styling type="suggest"/><fi:datatype type="string"/>
        
        </fi:field></bu:replace>
      
    
      <small>To view suggestions, you can either start typing, hit the down arrow on your keyboard
      or click on the down arrow icon. To choose a suggestion, select it with the mouse, or
      use the up/down arrow and press space. Hitting escape hides the suggestion list.</small>
      <br/>
      <br/>
      <bu:replace xmlns:bu="http://apache.org/cocoon/browser-update/1.0" id="ok">
        
        <fi:action id="ok" state="active"><fi:label>OK</fi:label>
        
        </fi:action></bu:replace>
      
    
    
        </fi:form-template>
      
    

    <p>
      <a href="./">Back to Forms samples</a>
    </p>
  </content>
</page>