Griser/dégriser des zones de textes

**jiamer** · 13/09/2007, 15h40

Encore bonjour,(deppuis hier)...

je suis actuellement en train modifier une appli web existante et on me demande de griser une zone de texte si rentre du texte dans une autre cellule de texte et inversement.

j'ai trouvé sur internet les commandes onkeypress et enable mais cela ne marche pas. POurriez vous m'aider

VOila un bout de mon code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<script language="javascript">
function Griser(Action)
{
if (Action == "nom")
   { nom.Enable=false;
   }
 
else if (action =="autre")
   {autre.Enable=false;}
}
</script>

ca c'est la fonction qui est censé grisé ma cellule et voila mon appel pour l'un des cas.

Code :

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

1
2
 
<input name="autre" type="text" onkeypress=Griser("nom")>

merci de me conseiller sur ce que vous voyez de mauvais dans ce code , qui ne marche pas

Merci bcp

**mohcultiv** · 13/09/2007, 15h49

dans ton premier code essaye d'ajouter le nom de ton formulaire avant le nom deschamps , sinom passe par les Id c'est plus sur:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script language="javascript">
function Griser(Action)
{
if (Action == "nom")
   { form.nom.Enable=false;
   }
   
else if (action =="autre") //attention au majuscule en js
   {form.autre.Enable=false;}
}
</script>

**jiamer** · 13/09/2007, 16h01

j'ai fait le JS ds la meme page que mon formulaire, mais je viens de rajouter le nom comme tu m'as dis cela n'a rien changer .

Je pense pas que le probleme est la. Estce les bonnes méthodes que j'utilise pour griser?

**mohcultiv** · 13/09/2007, 16h08

lol j'avais pas vu, enable ça s"écrit Enabled avec un d à la fin et fais gaf au majuscules en javascript ca peut tout faire planter

**jiamer** · 13/09/2007, 16h37

ca ne résoud toujours pas mon probleme

.

l'action ne seffectue pas et cela bloque toutes les actions existantes sur ma page :s

**jiamer** · 14/09/2007, 08h46

quelqu'un peut m'aider a résoudre ce probleme svp ??

**mohcultiv** · 14/09/2007, 12h53

si ca te dérange pas on va faire un test:

met tout ton code (à l'interieur de ta fonction en commentaire, et ajoute une alerte:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function Griser(Action)
{/*
if (Action == "nom")
   { form.nom.Enable=false;
   }
   
else if (action =="autre") //attention au majuscule en js
   {form.autre.Enable=false;}*/
 
 
alert("bonjour");}

et dis moi si le message s'affiche bien, ou ce que ça fait...

**Auteur** · 14/09/2007, 13h32

bonjour,

tu te trompes de propriété :

Code javascript :

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

1
2
document.getElementById('idElement').disabled= true;

en (X)HTML :

Code html :

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

1
2
 
<input type="text" id="idElement" disabled="disabled" />

**jiamer** · 14/09/2007, 13h34

Merci de ta réponse.

J'ai essayé ca fonctionne
j'ai avancé dessus depuis ce matin. Maintenant mon probleme est légerement différent.

Jarrive a activer ou non la cellule mais je veux pouvoir faire marche arriere, savoir réactiver ma cellule si j'efface le contenu.

Code :

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

<input name="autre" type="text" id="AutreG" OnKeyPress=Griser("nomG") >

comment je peux vérifier la longueur de mon texte apres chaque touche

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
<script language="javascript">
function Griser(Action,valeur)
{
if (Action == "nomG")
	   { 
	   var taille
	   taille=document.getElementById('myTextbox').length
	   if taille == 0{ 
	document.getElementById('myTextbox').disabled = false;   }
		else 
		{
		document.getElementById('myTextbox').disabled = true;   }
 
 
	else if (Action =="autreG")
  // '{
   //'if (document.Go.elements['myTextbox'].value    != 0)
	  {
	document.getElementById('AutreG').disabled = true;   }
	//	'else if (document.Go.elements['myTextbox'].value    == 0)
	//	'{
	//	'document.getElementById('AutreG').disabled = False;   }
}
</script>

est ce que taille=document.getElementById('myTextbox').length peut me permettre de le faire car j'ai pas réussi.

**Auteur** · 14/09/2007, 13h41

Envoyé par jiamer

comment je peux vérifier la longueur de mon texte apres chaque touche

ne te casse pas la tête avec du JS, utilise l'attribut HTML, maxlength :

Code html :

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

1
2
 
<input type="text" id="test" maxlength="10" size="12">

size est le nombre de caractères que l'on peu afficher (c'est la taille de l'input en quelque sorte). maxlength limite le nombre de caractères dans l'input (ici 10).

Attention : maxlenght et size ne s'appliquent pas aux textarea.

**jiamer** · 14/09/2007, 13h42

je ne veux pas limiter la taille de la saisie

je veux controler le nombre de lettre saisie

**Auteur** · 14/09/2007, 13h46

Envoyé par jiamer

je ne veux pas limiter la taille de la saisie

je veux controler le nombre de lettre saisie

ah ok..........

Code javascript :

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

1
2
 
document.getElementById('myTextbox').length

fait l'affaire

**jiamer** · 19/09/2007, 09h35

Bonjour, j'utilise bien cette fontion mais pour le moment cela ne désactive pas la case

voila l'évement qui appele la fonction

Code :

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

1
2
 
<input name="autre" type="text" id="AutreG" OnKeyPress=Griser("nomG")>

et voila ma fonction

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<script language="javascript">
function Griser(Action,valeur)
{
if (Action == "nomG")
	   { 
	   var taille =0;
	   taille= document.getElementById('AutreG').length;
 
	   if (taille == 0){ 
	document.getElementById('myTextbox').disabled = false;   }
		else 
		{
		document.getElementById('myTextbox').disabled = true;  }

Voyez vous ou est le probleme car la je suis un peu perdu ! et je vois pas ce qui gene mon code

Merci a vous

**Maxoo** · 19/09/2007, 09h39

Elle est entière ta fonction ?
Car il manque des accolades là ...

**E.Bzz** · 19/09/2007, 09h44

Bonjour,

Envoyé par Maxoo

Car il manque des accolades là ...

Oui, et puis le length est appliqué à l'objet au lieu de la value :

Code :

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

taille= document.getElementById('AutreG').value.length;

EDIT : du coup ton paramètre "valeur" est inutile

A+

**jiamer** · 19/09/2007, 09h53

voila ma fonction en entier

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
function Griser(Action,valeur)
{
if (Action == "nomG")
	   { 
	   var taille =0;
	   taille= document.getElementById('AutreG').length;
 
	   if (taille == 0){ 
	document.getElementById('myTextbox').disabled = false;   }
		else 
		{
		document.getElementById('myTextbox').disabled = true;   }
 
 
	else if (Action =="autreG")
  // '{
   //'if (document.Go.elements['myTextbox'].value    != 0)
	  {
	document.getElementById('AutreG').disabled = true;   }
	//	'else if (document.Go.elements['myTextbox'].value    == 0)
	//	'{
	//	'document.getElementById('AutreG').disabled = False;   }
}
</script>

donc pas de probleme dacolade normalement ...

si je comprend bien il faut que je fasse mon essaie sur

Code :

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

taille= document.getElementById('AutreG').value.length;

c le value ki est important.

Merci j'essaie de suite .

**jiamer** · 19/09/2007, 10h11

ca ne fonctionne toujours pas :s

en fait j'utilisle .length pour vérifier si mon champs est vide ( dans le cas ou on effacerai la saisie)

y a t'il une meilleur solution sinon

**E.Bzz** · 19/09/2007, 10h18

Envoyé par jiamer

ca ne fonctionne toujours pas :s

Doit y avoir une (autre) erreur de syntaxe ....
Fais voir ton code actuel.

A+

**jiamer** · 19/09/2007, 10h20

voila le code de ma page entiere

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
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
 
<%@ LANGUAGE="VBSCRIPT" %>
<% Option Explicit %>
<!-- #INCLUDE FILE = "ParamCRA.inc" -->
<%
	dim objConnect, objConnect2
	dim objRecordset
	dim sql		
 
 
 
' ----  CHRISTOPHE ----
'dim Compte
'dim pos
'pos =instr(1,Request.ServerVariables("LOGON_USER"), "\")
'if (pos > 0) then
'	Compte = mid(Request.ServerVariables("LOGON_USER"), pos+1)
'else
'	Compte = Request.ServerVariables("LOGON_USER")
'end if
 
 
set objConnect = Server.CreateObject("ADODB.Connection")
objConnect.Open (ChaineConnexion01)
 
set objConnect2= Server.CreateObject("ADODB.Connection")
objConnect2.Open (ChaineConnexion02)
 
%>	
 
<html>
<head>
 
<script language=Javascript src="./RechNom.js"></script> 
<script language="JavaScript">
function controlForm()
{
	if(checkDate())
	{
		document.Go.submit();
		parent.frames['corps'].window.location='insertion.asp';
	}
}
function checkDate() 
{
	var top=true;	
 
		if (document.Go.elements["types"].value   == 0)  {alert("Saisissez un types !");   top = false;}	
		if (document.Go.elements["Urgence"].value    == 0) {alert("Saisissez une urgence !");   top = false;}	
		if (document.Go.elements["descriptif"].value  == 0) {alert("Saisissez un déscriptif !"); top = false;}	
		if (document.Go.elements["nom"].value   == 0 and document.Go.elements("autre") )  {alert("Saisissez un nom !");   top = false;}	
		if (document.Go.elements["createur"].value    == 0) {alert("Saisissez un createur !");   top = false;}	
 
 
return top;
}
 
 
function setSelectionRange(input, selectionStart, selectionEnd) {
  if (input.setSelectionRange) {
    input.focus();
    input.setSelectionRange(selectionStart, selectionEnd);
  }
  else if (input.createTextRange) {
    var range = input.createTextRange();
    range.collapse(true);
    range.moveEnd('character', selectionEnd);
    range.moveStart('character', selectionStart);
    range.select();
  }
}
function setCaretToEnd (input) {
  setSelectionRange(input, input.value.length, input.value.length);
}
</script>
 
<script language="javascript">
function Griser(Action,valeur)
{
if (Action == "nomG")
	   { 
	   var taille =0;
	   taille= document.getElementById('AutreG').value.length;
 
	   if (taille == 0){ 
	document.getElementById('myTextbox').disabled = false;   }
		else 
		{
		document.getElementById('myTextbox').disabled = true;   }
 
 
	else if (Action =="autreG")
  // '{
   //'if (document.Go.elements['myTextbox'].value    != 0)
	  {
	document.getElementById('AutreG').disabled = true;   }
	//	'else if (document.Go.elements['myTextbox'].value    == 0)
	//	'{
	//	'document.getElementById('AutreG').disabled = False;   }
}
</script>
<style>
body
{
	width:700px;
	margin-top:5px;
	background-color: rgb(192,192,192);
}
fieldset
{	
	width:100%;
	height:140px;
	overflow="hidden"; 
}
legend 
{
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-weight: bold;
}
table
{	
	padding-left: 5px;
	padding-right: 5px;
 
	width:100%;	
}
th
{
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: x-small;
	font-weight:normal;
	text-align:left;
 
}
.ti
{
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: x-small;
	font-weight:normal;
	text-align:left;
}
a
{
	font-size: x-small;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
a:visited 
{
   color:blue;
}
select
{
	width:145px;
}
</style>
</head>
<body onload="setCaretToEnd(document.getElementById('myTextbox'));">
 
	<span style="width:100%;">  
		<a style="float:left;"                     href="./Liste.asp"        title="Titre du lien" target="entete"> Incident en cours</a>
		<a style="float:right;padding-right:5px;"  href="./Parm.asp"         title="Titre du lien" target="corps">  Parametres</a>
		<a style="float:right;padding-right:5px;"  href="./stat.asp"         title="Titre du lien" target="corps">  Statistique</a>
		<a style="float:right; padding-right:5px;" href="./recherche.asp"    title="Titre du lien" target="corps">  Recherche</a>
		<a style="float:right; padding-right:5px;color:white;" href="./insertion.asp"    title="Titre du lien" target="corps">  Ajout incident</a>
	</span>
	<FORM NAME="Go" METHOD="post" ACTION="./Insertion.asp" TARGET="corps">
 
 
 
 
	<INPUT TYPE="hidden" NAME="flag" >
	<INPUT TYPE="hidden" NAME="pass" >
	<fieldset>
		<legend>Insertion</legend> 
		<table cellpadding="0" cellspacing="0" >
		<tr>
			<th>Type d'incident :</th>
			<td>
				<select name="types">	   
<%
					if request.form("types") <> "" then 
						Response.Write ("<OPTION VALUE=""" &request.form("types")& """>Champ rempli</OPTION>")
					else
						response.write("<option value="""">Choisir un type</option>")	
						set objRecordset = 	objConnect.execute("SELECT IdTypesIncident, TypeIncident FROM TypeIncident;")
						Do While not objRecordset.eof
							Response.Write ("<OPTION VALUE=""" & objRecordset("IdTypesIncident") & """>" &objRecordset("TypeIncident")& "</OPTION>")
							objRecordset.MoveNext
						loop	
					end if
%>
				</select>
			</td> 
			<td class="ti">
				Degré d'urgence :
			</td>
			<td>			
				<select name="Urgence">	  
<% 
					if request.form("Urgence") <> "" then 
						response.write("<option value=""" &request.form("Urgence")& """>Champ rempli</option>")								
					else	
						response.write("<option value="""">Choisir une urgence</option>")	
						set objRecordset = 	objConnect.execute("SELECT IdUrgence, DegUrgence FROM DegUrgence;")
						Do While not objRecordset.eof
							Response.Write (" <OPTION value="" " & objRecordset("IdUrgence") & " ""> " & objRecordset("DegUrgence") & "</OPTION>" )
							objRecordset.MoveNext
						loop
					end if					
%>
				</select>
			</td> 
			<td colspan=2 rowspan=2  >
			<%
				if request.form("pass") = "1" then	
 
					sql = " SELECT ann.nOpID, ann.tOpNom + ' ' + isnull(ann.tOpPren,'') AS NomPre " & _ 
					      " FROM Annuaire_TP ann " & _
						  " WHERE (ann.nOpID > 1000 And ann.tOpNom is not  Null And (ann.ddatclo > getdate() or ann.ddatclo is null) " & _
						  " and ((ann.nOpTyp/2) % 2 = 1 or (ann.nOpTyp/1) % 2 = 1 ) AND ann.nOpID<>0) and tOpNom not like 'coffre%' " & _ 
						  " and ann.nOpID="&Request.Form("nOpID")& "" 
 
 
					set objRecordset = 	objConnect2.execute(sql)
					response.write("<input type=""hidden"" name=""pass"" value=""0"">")
					response.write("<select style=""width:200px"" size=""5"" name="""" >")									
					response.write("<input type=""hidden"" name=""nOpID"" value=""" & objRecordset("nOpID") & """>")																				
				else
				%>
 
				<div id="nOpID" ><select style="width:200px" size="5" name="" ></div>																
 
 
				<%end if %>
 
				</select>
 
			</td>
		</tr>
 
		<tr>
			<th>
				Descriptif de l'incident :
			</th>
			<td  >
<%
				if request.form("descriptif") <> "" then 
					response.write("<TEXTAREA NAME=""descriptif"" ROWS=3 COLS=25>" &request.form("descriptif")& "</TEXTAREA>")
				else
					response.write("<TEXTAREA NAME=""descriptif"" ROWS=3 COLS=25></TEXTAREA>")
				end if
%>
			</td>
			<td class="ti">
				Nom de la personne :<br>
				Numéro de Tel :<br>
				Autre : 
			</td>
			<td >
 
 
<%
			if request.form("pass") ="1"  then			
			sql = " SELECT ann.nOpID, ann.tOpNom + ' ' + isnull(ann.tOpPren,'') AS NomPre " & _ 
						" FROM Annuaire_TP ann " & _
		  " WHERE (ann.nOpID > 1000 And ann.tOpNom is not  Null And (ann.ddatclo > getdate() or ann.ddatclo is null) " & _
		  " and ((ann.nOpTyp/2) % 2 = 1 or (ann.nOpTyp/1) % 2 = 1 ) AND ann.nOpID<>0) and tOpNom not like 'coffre%' " & _ 
		  " and ann.nOpID =" & Request.Form("nOpID") & " "
 
 
				set objRecordset = objConnect2.execute(sql)
 
				Response.Write (" <input type=""text"" id=""myTextbox"" name=""nom"" onkeyup=""document.Go.action='./Insertion.asp';document.Go.target='corps';document.Go.flag.value='2';document.Go.submit();"" VALUE=""" &objRecordset("NomPre")& """  >")
 
			else	
			Response.Write (" <input type=""text"" id=""myTextbox"" name=""nom"" onkeyup=""RechNom(this.value)"" value="""" ></input> ")
			end if
			%>
 
			<br>
			<%
 
			if request.form("pass") ="1"  then
				sql = " SELECT telephone  " & _
					  " FROM Telephone " & _
					  " WHERE idpersonne = " & Request.Form("nOpID")& ""
 
				set objRecordset = objConnect.execute(sql)
 
				if not objRecordset.eof then
 
						Response.Write (" <INPUT TYPE=""text"" NAME=""Tel"" VALUE=""0" &objRecordset("telephone")& """>")
				else
 
					Response.Write (" <INPUT TYPE=""text"" NAME=""Tel"" VALUE="""">")
					Response.Write (" <INPUT TYPE=""hidden"" NAME=""NouvTel"" VALUE=""1"">")
				end if
 
		else
				Response.Write (" <INPUT TYPE=""text"" NAME=""Tel"" VALUE="""">")
			end if
			%>
			<br>
 
			<input name="autre" type="text" id="AutreG" OnKeyPress=Griser("nomG") >
 
			</td>
 
			<td>
			</td>
		</tr>
		<tr>
			<th>
				Enregistré par :
			</th>
			<td>
			<select name="createur">
<%				
				if request.form("createur") <> "" then
					set objRecordset =objConnect.execute("SELECT IdUser, TxtUser FROM Utilisateur ORDER BY TxtUser")
					do while not objRecordset.eof
						if cstr(objRecordset("IdUser")) = request.form("createur") then 
							Response.Write ("<OPTION VALUE=""" &objRecordset("IdUser")& """>" &objRecordset("TxtUser")& "</OPTION>")
						end if 			
						objRecordset.MoveNext
					loop
				else
					response.write("<option value="""">Choisir un createur</option>")
				end if
				sql = "SELECT IdUser, Nom + ' ' + Prenom AS TxtUser "&_
						  "FROM Utilisateur2 "&_
						  "ORDER BY TxtUser "
				set objRecordset = 	objConnect.execute(sql)
				Do While not objRecordset.eof
					Response.Write ("<OPTION VALUE=""" & objRecordset("IdUser")& """>" & objRecordset("TxtUser") & "</OPTION>")
					objRecordset.MoveNext
				loop
 
%>		
		   </select>
		</td>		
		<td class="ti">Date :
		</td>
		<td>
<input name="date" type="text" value="<%Response.Write(date)%>" >
		</td>
 
			<TD style="text-align:right;">	
 
		<INPUT TYPE="hidden" NAME="passage" VALUE="1">
			<INPUT TYPE="hidden" NAME="typeIns" VALUE="1">
			<input style="height:20px;margin-top:5px;"type="button" value="Ok!" onClick="document.Go.action='./Liste.asp';document.Go.target='entete';controlForm();" /> </TD>
	</tr>
 
<%
	objConnect.close
	objConnect2.close
%>
 
</TABLE>
</FORM>
 
</HTML>

**onirisme** · 19/09/2007, 10h36

Je suis pas un pro du js.

code JS

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script language="javascript">
function Griser()
{
   if (document.getElementById('nom').value=='')
      document.getElementById('autre').disabled=true;
   else
      document.getElementById('autre').disabled=false;
}
</script>

Sur les champs :

Code :

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

1
2
3
4
5
 
<FORM name="Formulaire">
 <input type="text" name="nom" id="nom"   onblur="javascript:Griser()"><br/>
 <input type="text" name="autre" id="autre" ><br/>
</FORM>

Ca à l'air de fonctionner...

Griser/dégriser des zones de textes

JavaScript

Discussions similaires

Partager

Partager