Ajax autocompleter inactif

Version imprimable

Bonjour,

Je cherche à utiliser la bibliothèque de scriptaculous basée sur prototype. J'ai suivi la doc disponible sur le site mais sans succès.

J'ai beau tourner le problème dans tous les sens, je n'y arrive pas... si quelqu'un pouvait m'aider se serait du du bonheur supplémentaire en ces périodes de fêtes !

Voila le code javascript ajouté dans l'entête :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
<script src="library/scriptaculous/prototype.js" type="text/javascript"></script>
<script src="library/scriptaculous/scriptaculous.js" type="text/javascript"></script>
 
<script type="text/javascript" language="javascript" >
	// <![CDATA[
		new Ajax.Autocompleter("nomEtu", "autocomplete", "library/javascripts/requesters/requester.searchEtu_autocomplete.php", {
		  minChars: 1 ,
		  indicator: 'indicator1' 
		});	
	//]]>
</script>

Le code suivant est celui de mon formulaire de recherche :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!-- Formulaire de recherche -->
<form name="search" method="post" action="admin.search_etu.php">
	<fieldset>
		<legend>Rechercher un &eacute;tudiant</legend>
		<label>Saisir un n&deg; d'&eacute;tudiant</label>
		<input type="text" id="numEtu" name="numEtu" />
		<br/>
 
		<label>Saisir un nom d'&eacute;tudiant</label>
		<input type="text" id="nomEtu" name="nomEtu"  />
		<span id="indicator1" style="display: none">
  			<img src="images/loader1.gif" alt="Working..." />
		</span>
		<div  id="autocomplete" class="autocomplete" >a</div>
		<br/>
 
		<input type="submit" value="Rechercher" name="search" />
	</fieldset>		
</form>

Le code de mon requester semble fonctionner, car si je fait appel à lui en direct, il me renvoit bien la liste correspondant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
@require('../../../config.inc.php') ;
require('../../../includes/connexion_sql.php') ;
 
if ( isset ( $_REQUEST['nomEtu'] ) ) {
	$lettre = htmlentities( $_REQUEST['nomEtu'] );
 
	/* Recuperation des infos */
	$pre = "SELECT * FROM etudiants WHERE etu_nom LIKE '".$lettre."%'";
 
	$req	= mysql_query($pre) or die(mysql_error()) ;
 
	echo '<ul><li>test</li>';
 
	while ($res	= mysql_fetch_array( $req )) {
		echo '<li>'.$res['etu_nom'].'</li>';
	}
	echo '</ul>';
}

En surveillant avec Firebug, je constate qu'il ne se passe rien lorsque je saisi une lettre dans mon champ de recherche.

Merci d'avance et bonnes fêtes !!

Salut, je n'ai pas regardé dans le détail, mais si ton code est dans le header, alors ton champ n'est pas encore dans le dom au moment ou tu veux créer l'Autocompleter... essaye comme ca :
Code:

1 2 3 4 5 6 7 8 9 <script type="text/javascript" language="javascript" > Event.observe(window, "load", function() { new Ajax.Autocompleter("nomEtu", "autocomplete", "library/javascripts/requesters/requester.searchEtu_autocomplete.php", { minChars: 1 , indicator: 'indicator1' }); }); </script>

29/12/2009, 14h37
albedo0

Merci gwyohm !!!

Effectivement cela marche nettement mieux !!!

Par contre en terme de compatibilité entre les navigateurs, est-ce que c'est fiable ? J'avais développé des scripts qui tournait très bien sur FF mais pas sur IE, c'est la raison pour laquelle je me suis mis à Prototype.

Merci encore !
29/12/2009, 15h03
gwyohm

Citation:

Envoyé par albedo0

Par contre en terme de compatibilité entre les navigateurs, est-ce que c'est fiable ?

Oui, c'est une des premières raisons pour utiliser un framework : ils offrent une couche d'abstraction masquant les différences entre navigateurs
29/12/2009, 19h46
albedo0

Tout à fait, je parlais de la ligne suivante en particulier :

Code:

Event.observe(window, "load", function() {

Je suis très très loin de maîtriser le javascript...