On change focus

**keub51** · 27/04/2007, 16h39

Bonjour !

j'ai un petit champ texte auquel je voudrais que des qu'il est modifié ca me renvoie vers une page ...

seulement l'événement OnChange c'est Changement de la zone de texte + perte de focus

comment peut on contounrner ce probleme ?

**SpaceFrog** · 27/04/2007, 16h51

onmouseup ?

**keub51** · 27/04/2007, 17h04

onMouseup ?

L'évènement OnMouseUp est déclenché par l'action de relacher un bouton de la souris
(bouton droit ou bouton gauche) après une pression de celui-ci sur un élément HTML. Le code inclu dans l'évènement OnMouseUp de cet élément est alors exécuté.
Les évènement OnMouseUp et OnMouseDown lorsqu'ils sont enchainés sont équivalents à l'action OnClick, ce sont ses deux composantes.

heu c'est pas ce que je veux ... ou alors il faudrait t'expliquez davantage ...

**SpaceFrog** · 27/04/2007, 17h06

ben sur le onmousdown tu choppes la valeur et tu la reverifies dans le onmouseup ...
si c'est pas la même tu rediriges, si c'est la même return false ...

**marcha** · 27/04/2007, 17h28

Salut,

sinon, regarde du coté de onkeypress et tu compare si la value a changé,
pense aussi au fait que l'utilisateur peut changer un champs rien qu'avec
la souris (click droite, coller)

**keub51** · 27/04/2007, 17h32

je ne vois pas tres bien ce que la souris vient faire la dedans désolé ... l'iun de nous a mal compris ...

il s'agit ici que lorsque un caractere aparait (et j'ai bien di aparait et pas tapé car dans mon cas je veux faire un espece de lecteur de code barre ) dans une zone de saisie il faut rediriger l'uilisateur.

**keub51** · 27/04/2007, 17h34

Envoyé par marcha

Salut,

sinon, regarde du coté de onkeypress et tu compare si la value a changé,
pense aussi au fait que l'utilisateur peut changer un champs rien qu'avec
la souris (click droite, coller)

bien pensé mais comme je vien de le dire je fais un lecteur de code barre donc il ni a ni copier coller ni touche pressé ...

en fait quand je passe le elcteur optique sur le code barre la reference se met dans le champ de saisie qui a le focus ...

**keub51** · 27/04/2007, 17h50

lol tout de suite ya moins de monde pour répondre hein ? lol

**SpaceFrog** · 28/04/2007, 08h40

Desolé, mais ce n'est pas courant d'ou ma proposition de onmouseup ... ou eventuellement onkeyup..
mais bon vu que ton champs est rempli par un lecteur optique, si tu ne peux pas intervenir en amont il ne te reste plus qu'a faire une fonction setInterval qui va verifier périodiquement le contenu du champs pour en detecter le changement

**keub51** · 28/04/2007, 09h12

quelqu'un pourrait t'il me donné une en-tête de cette fonction car je ne vois pas comment la faire ...

mon champ de saisie a verifier toutes les secondes on va dire s'appelle index.

merci

**javatwister** · 28/04/2007, 09h18

ben oui mais si n'importe quelle "saisie" doit être traitée, il suffit de déclencher l'envoi du formulaire dans la foulée;
la copie du code dans la zone est écrite en quelle langue?

**keub51** · 28/04/2007, 09h38

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
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Vendin Internet</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="style.css" />
<script type="text/javascript">
function verifier_formulaire()
{
if( document.form.index.value.length <12 || document.form.index.value.length >12)
{
	alert("Code Barre Eronée");
	return false;
}
 
else
	return true;
}
</script>
 <style type="text/css">
 .formulaire
 {
 margin-top : 150px;
 margin-left : 50px;
 border-style : dashed;
 width : 360px;
 padding : 10px;
 }
 img
{
	border:none;
}
h1
{
font: 1em Verdana, sans-serif;
color : red;
}
 </style>
    </head>
 
    <body>
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) 
	{
		if (document.getElementById('smenu'+i)) 
		   document.getElementById('smenu'+i).style.display='none';
	}
if (d) 
	d.style.display='block';
}
//-->
</script>
<style type="text/css">
body {
margin: 10px;
padding: 0;
font: 1em Verdana, sans-serif;}
 
dt, dl, dd, ul, li 
{
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
}
 
#menu 
{
position : absolute;
left: 50px;
top: 20px;
}
 
#menu dl 
{
float: left;
}
 
#menu li 
{
display: inline;
}
 
#menu a 
{
text-decoration: none;
color: #000;
background: #fff;
}
 
#smenu1, #smenu2, #smenu3, #smenu4 
{
position: absolute;
left: 0;
font-size: 0.7em;
border-top: 1px solid gray;
width: 400px;
}
 
 
.mentions 
{
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
 
a 
{
text-decoration: none;
color: #222;
}
 
</style>
 
 
 
<div id="menu">
<!-- Menu 1 --><!-- Menu 1 --><!-- Menu 1 --><!-- Menu 1 --><!-- Menu 1 --><!-- Menu 1 --><!-- Menu 1 --><!-- Menu 1 --><!-- Menu 1 --><!-- Menu 1 --><!-- Menu 1 --><!-- Menu 1 -->
	<dl>
 
		<dt onmouseover="montre('smenu1');"><a href="#">Mode Contrôle</a></dt>
 
			<dd id="smenu1"><!--le code entre cette balise et sa fermante sera celui qui apparaitra et disparaitra-->
				<ul>
					<li><a href="control.php">Contrôler passage</a></li>
				</ul>
             <img src='images/Smiley1.gif' style="float : right;">
 
 
			</dd>
	</dl>
<!-- Menu2 --><!-- Menu2 --><!-- Menu2 --><!-- Menu2 --><!-- Menu2 --><!-- Menu2 --><!-- Menu2 --><!-- Menu2 --><!-- Menu2 --><!-- Menu2 --><!-- Menu2 --><!-- Menu2 --><!-- Menu2 -->	
	<dl>			
		<dt onmouseover="montre('smenu2');"><a href="#">Mode Edition</a></dt>
 
			<dd id="smenu2"><!--le code entre cette balise et sa fermante sera celui qui apparaitra et disparaitra-->
				<ul>
					<li><a href="NouveauClient.php">Nouveau Client</a></li>
					<li><a href="ModifierClient.php">Modifier Client</a></li>
					<li><a href="SupprimerClient.php">Supprimer Client</a></li>
				</ul>
				<img src='images/Smiley2.gif' style="float : right;">
 
 
 
			</dd>
	</dl>
<!-- Menu 3 --><!-- Menu 3 --><!-- Menu 3 --><!-- Menu 3 --><!-- Menu 3 --><!-- Menu 3 --><!-- Menu 3 --><!-- Menu 3 --><!-- Menu 3 --><!-- Menu 3 --><!-- Menu 3 --><!-- Menu 3 --><!-- Menu 3 -->	
	<dl>	
		<dt onmouseover="montre('smenu3');"><a href="#">Mode Statistique</a></dt>
			<dd id="smenu3"><!--le code entre cette balise et sa fermante sera celui qui apparaitra et disparaitra-->
				<ul>
									<li><a href="stat_fidele.php">Fidélité</a></li>
					<li><a href="#">Durée</a></li>
 
				</ul>
				<img src='images/Smiley3.gif' style="float : right;">
 
 
			</dd>
	</dl>
 
</div>
<br><br>
 
<div class="formulaire">
<h1>Contrôle</h1>
<br><i>En attente d'un code barre...</i><br><br>
 
<FORM name = "form" action = "cherche_carte.php" method="post" onsubmit='return verifier_formulaire();'>
<INPUT TYPE='text' VALUE='' NAME='index'>
<INPUT TYPE='submit' value = 'voir'>
</FORM>
</div>
    </body>
</html>

en fait pour l'instant ca fait ca :

- je dois cliquer sur le bouton "voir" pour verifier le formulaire et l'envoyer.

**javatwister** · 28/04/2007, 10h10

d'où ma proposition d'appeler verifier_formulaire() dans le code qui insère le code dans le champ;

**keub51** · 28/04/2007, 11h17

? lol j'ai pas compris désolé ... pourrait tu me donner un exemple ou quelquechose pour commencer ?

**javatwister** · 28/04/2007, 11h50

ben pas vraiment, tant que j'ignore comment le code barre arrive dans le champ;

**marcha** · 28/04/2007, 19h31

Les lecteurs codes à barres que je connais simulent tous des évenements clavier. Je pense que tu devrait vérifier si le tiens se comporte comme un clavier.

essaie de lire un code barre dans ce champs

Code :

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

1
2
 
<input onkeypress="alert('touche pressée');" />

**keub51** · 02/05/2007, 10h07

ok jvais essayer ! merci ..

On change focus

JavaScript

Discussions similaires

Partager

Partager