| 12
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 
 |  
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="http://www.jenia.org/jsf/popup" prefix="jp"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://www.ibm.com/jsf/html_extended" prefix="hx"%>
 
<html> 
 
 
<head>    
<SCRIPT type="text/javascript" src="js/script.js">
</SCRIPT>
<title>Country Details</title>
 </head>  
<body>   
<f:view>     
<h:form>
 <h:outputText value="Integrating AJAX in a simple JSF Application" styleClass="title"/> 
<br> <br>
 <h:outputText value="Enter Country : " /> 
<h:inputText id="autoText" onblur="hidePopup()" onfocus="getQuery(this.value)" onkeyup="getQuery(this.value)"  value="#{SelectedCountryRecord.selectedCountry}" /> 
 <h:commandButton value="OK" action="success"/>
 <hr>         
<table>  
<tr>   
<td>     
<h:outputText value="Country Details" rendered="#{SelectedCountryRecord.selected}"/>  
 </td> 
 </tr> 
 <tr>   
<td>    
 <h:outputText value="Name : "  rendered="#{SelectedCountryRecord.selected}"/>     
<h:outputText value="#{SelectedCountryRecord.name}" />  
 </td> 
 </tr>  
<tr>   
<td>    
<h:outputText value="Region : "  rendered="#{SelectedCountryRecord.selected}"/>  
  <h:outputText value="#{SelectedCountryRecord.region}" /> 
  </td> 
</tr>  
<tr>   
<td>    
<h:outputText value="Continent : "  rendered="#{SelectedCountryRecord.selected}"/>  
  <h:outputText value="#{SelectedCountryRecord.continent}" />
   </td> 
 </tr>  
<tr>  
 <td>   
 <h:outputText value="Capital : "  rendered="#{SelectedCountryRecord.selected}"/>  
  <h:outputText value="#{SelectedCountryRecord.capital}" /> 
  </td> 
 </tr>  
<tr>  
 <td>  
  <h:outputText value="More Descriptions : "  rendered="#{SelectedCountryRecord.selected}"/>  
  <h:outputLink value="#{SelectedCountryRecord.id}">  
    <h:outputText value="#{SelectedCountryRecord.id}" />     
</h:outputLink>   
</td> 
 </tr> 
</table> 
   </h:form>
  </f:view>  
<div align="left" class="box" id="autocomplete" style="WIDTH:170px;visibility:hidden;BACKGROUND-COLOR:#ccccff">
</div>
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript"> 
 initPopup('_id0:autoText','autocomplete');
</SCRIPT>
  </body> 
</html> | 
Partager