Débuter avec Ajax

Bonjour Mes amis
Je désire faire un petit exemple avec Ajax et Jsf ,y a quelqu'un qui la dèjà fait (exemple de code)
Merci

j'ai trouvé un tutorial d'un exemple de jsf avec Ajax mais je suis bloqué ,
j'ai pas bien compris la classe la déclaration "CountryBean" est qu'il représente l'un des beans que j'utilise
Voici le lien
http://kafle.blogspot.com/2005/09/tu...cation_27.html.

j'ai implementé une solution ajax à partir de cette exemple la. Qu'est ce que tu ne comprends pas avec countryBean. c'est juste un bean qu'il récupére dans la session.

slt shivan
En fait j'ai pas vu la premiere partie de l'exemple qui contient la classe CountryBean ,si j'avais bien compris ils s'agit d'une saisi automatique ,Mais ca pas marché ,La rcherche s'effectue trés bien mais je vois pas de popup de saisi automatique ,voici le code jsp que j'ai télécharger..

Code:

1
2
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>

Merci

oops ,l'url n'est pas correcte ,c'est bon shivan ,le probleme est règlé .
Merci de vos réponse