Champ automatique avec checkbox

**julia_m** · 13/07/2010, 00h03

Bonjour a tous,

Je suis toute nouvelle sur ce site mais également en javascript et ajax. Venant tous juste de de découvrir et tester le css et html je me suis dit tient apprenons le js et ajax. Mais voila j'ai bcp de mal

Je possède un checkbox et une champs texte (input)

je voudrai faire en sorte que lorsque je cose la case je puisse accèder au champ texte. Je voudrai que ce champs texte soit en saisi automatique ( auto complete). Si quelqu'un peut m'aider svp se sera gentil.

Pour ce qui est de l'autocomplete j'ai tester un petit morceau de code mais rien ne se passe.:'(

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
 
<tr>
	<td><input type="checkbox" name="choix" /> <span>n°choix:</span></td>
	<script LANGUAGE="JavaScript" src="prototype/prototype.js"></script>
	<script LANGUAGE="JavaScript" src="scriptaculous/scriptaculous.js"></script>
	<td><input type="text" id="numero" name="numero"  size="17" maxlength = "17" value = ""/></td>
	<div id="numero_choices" class="autocomplete"></div>
	<script language="javascript">
	new Ajax.Autocompleter("choix", "numero_choices", "/localhost/application/test.jsp", {
					paramName: "value",
					minChars: 1,
	});
	</script>
	<%
		DBConnexion dbc = new DBConnexion();
		String num= request.getParameter("value");
		String sql = "SELECT num_eotp FROM eotp WHERE num_eotp like'"+num+"%'";
		ResultSet resultat = dbc.recupereRequete(sql);
	%>
	</tr>

Mais en ce qui concerne mma checkbox je sais pas du tout comment faire, je suis désespérer. Si quelqu'un aurait la gentillesse de m'aider . Je serai ravie. Toute la journée j'ai essayer mais sans succes, rien s'ecrit dessus.
Merci

**Bovino** · 13/07/2010, 08h58

L'autocompleter de Prototype agit sur un champ repéré par son id, pas son name !

**binouzzz19** · 13/07/2010, 09h18

Plus pour l'ergonomie de ton site, les balises <script> doivent se trouver dans le <head> de ta page

Cordialement.

**james23** · 13/07/2010, 09h19

Et lorsque que tu fais

Code :

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

1
2
 
String num= request.getParameter("value");

cette fonction s'exécute lorsque tu appuie sur un bouton.

**julia_m** · 13/07/2010, 09h28

J'ai fait agir l'autoComplete sur un id mais ça ne change pas.

**gwyohm** · 13/07/2010, 09h46

Bonjour, il y a 2 3 trucs bizarres :
1/ Par rapport à ton premier poste, l'id du champ texte est numero et non choix.

2/ L'url que tu appelles est-elle bonne ? ce ne serait pas plutot
/application/test.jsp (ou le contexte de ta webapp est vraiment localhost ?)

Sinon si tu appeles directement cette URL dans ton navigateur de la forme
/localhost/application/test.jsp?value=a , le résultat est-il conforme à tes attentes ?

**julia_m** · 13/07/2010, 11h57

pour l'url j'ai tester les différentes forme toujours le même résultat
en ce qui concerne mon premier champt text il y avais pas d'erreur, il avait déjà comme id numero

**gwyohm** · 13/07/2010, 12h15

Envoyé par julia_m

pour l'url j'ai tester les différentes forme toujours le même résultat

C'est à dire ? Tu as appelé l'url en direct dans ton navigateur et tu as un résultat visible ou non ?

**julia_m** · 13/07/2010, 12h24

j'ai mis l'url de mon navigateur dans ma page jsp.

**julia_m** · 13/07/2010, 13h30

aucun résultat visible

**julia_m** · 14/07/2010, 10h05

J'ai réussi a faire fonctionner mes chexbox comme je voulais mais je n'arrive pas a faire fonctionner l'autocomplete

car au tout début j'avais fait

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
 
 
<tr>
	<td><input type="checkbox" name="choix" /> <span>n°choix:</span></td>
	<script LANGUAGE="JavaScript" src="prototype/prototype.js"></script>
	<script LANGUAGE="JavaScript" src="scriptaculous/scriptaculous.js"></script>
	<td><input type="text" id="numero" name="numero"  size="17" maxlength = "17" value = ""/></td>
	<div id="numero_choices" class="autocomplete"></div>
	<script language="javascript">
	new Ajax.Autocompleter("choix", "numero_choices", "/localhost/application/test.jsp", {
					paramName: "value",
					minChars: 1,
	});
	</script>
	<%
		DBConnexion dbc = new DBConnexion();
		String num= request.getParameter("value");
		String sql = "SELECT number FROM eotp WHERE number like'"+num+"%'";
		ResultSet resultat = dbc.recupereRequete(sql);
	%>

Après j'ai esayer de faire ce code la

Code :

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

1
2
3
4
5
 
var input = document.getElementById('input');
input.onchange = function() {
   var value = input.value; // récupère le texte de l'input
}

Mais toujours sans succès

**james23** · 15/07/2010, 09h18

Faudrai t'il pas que tu parcours ta table sqp pour remplir le champs de tes numbers?

Par exemple, quelque chose de se gout la

Code :

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

1
2
3
4
5
6
 
 
while(resultat.next())
{
     out.print("<input id=\"numero\" name= \"numero\" value=" + resultat.getString("number")+">"); 
}

**binouzzz19** · 15/07/2010, 09h31

Tu peux regarder ici, ça t'aidera : http://blog.pascal-martin.fr/post/Sc...ons-dynamiques

**julia_m** · 15/07/2010, 09h59

c'est sur ce lien que je me suis basé. Mais j'arrive pas à le mettre en place

**gwyohm** · 15/07/2010, 10h49

Envoyé par julia_m

aucun résultat visible

Si en appelant ta page en direct ca ne fonctionne pas, ca ne fonctionnera pas en AJAX.
Assure-toi d'appeler la bonne page, debug là en direct sans ajax, puis tu pourras aborder la problématique de l'autocompleter tranquillement (tu sauras que la page appelée en AJAX fonctionne)

**julia_m** · 15/07/2010, 13h46

Comment je peux tester si mon url fonctionne??

**gwyohm** · 15/07/2010, 14h21

Admettons que la page dans laquelle se trouve ton application est accessible sur
http://localhost:8080/monapp/rep/page.jsp
Admettons que tu as renseigné paramNam avec pour valeur value, pour simuler ce que va appeler l'autocompleter quand tu tapes a dans le champ text,
Si l'url que tu as renseigné pour l'autocompleter ne commence pas par un / (ex rep2/test.jsp), il faut que tu testes l'URL http://localhost:8080/monapp/rep/rep2/test.jsp?value=a
Si l'ur que tu as reseignée commence par un / (ex /monapp/test.jsp), il faut que tu testes
http://localhost:8080/monapp/test.jsp?value=a
Quand tu appelles cette url, le resultat doit etre de la forme HTML

Code :

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

1
2
3
4
5
6
 
<ul>
<li>a valeur 1</li>
<li>a valeur 2</li>
<li>a valeur 3</li>
</ul>

Si à l'inverse tu sais appeler ta jsp test.jsp directement dans ton browser, le mieux pour reseigner l'url en javascript est de faire

Code :

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

1
2
 
new Ajax.Autocompleter("numero", "numero_choices", "<%= request.getContextPath() %>/chemin/vers/test.jsp", {...

ou bien avec un taglib

Code :

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

1
2
 
new Ajax.Autocompleter("numero", "numero_choices", "<c:url value="/chemin/vers/test.jsp"/>", {...

**james23** · 15/07/2010, 14h37

Car pour tester ta page tu l'a met sur le serveur après tu lance par le biais de de ton navigateur

donc tu devrai utilisé la solution que qui t'a donné c'est a dire

Code :

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

new Ajax.Autocompleter("numero", "numero_choices", "<%= request.getContextPath() %>/chemin/vers/test.jsp", {...

**julia_m** · 15/07/2010, 14h48

Ok je vais tester cela

**julia_m** · 15/07/2010, 18h19

ça ne fonctionne toujours pas
je commence a désespérer :s

Champ automatique avec checkbox [script.aculo.us]

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager