Discussion :

[albedo0]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !!

[gwyohm]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[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 !

[gwyohm]

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

[albedo0]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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