griser une zone de texte suite à un evenement

Version imprimable

19/08/2010, 16h04
nakatami

griser une zone de texte suite à un evenement

Bonjour,

J'ai un formulaire qui contient trois zone de texte.Je veux griser les deux dernières zones de texte ,si un utilisateur tape un mot déjà spécifié dans la première zone voilà.

Merci de votre aide.
19/08/2010, 23h44
blade159

Bonsoir,

qu'entendez-vous par griser? Est-ce rendre inactif ou simplement mettre une couleur en fond de votre élément?
26/08/2010, 14h36
nakatami

Citation:

Envoyé par blade159

Bonsoir,

qu'entendez-vous par griser? Est-ce rendre inactif ou simplement mettre une couleur en fond de votre élément?

oui c'est ça les rendre inactives
26/08/2010, 15h32
SpaceFrog

disabled ?
26/08/2010, 15h59
Bovino

:faq: : Comment désactiver une zone de texte en cochant une checkbox ?
26/08/2010, 16h55
nakatami

Citation:

Envoyé par SpaceFrog

disabled ?

Merci,je voix que vous êtes bien attaché à votre citation :)

Je sais que c'est disabled mais ma question c'est comment faire pour tester les caractères entrés par l'utilisateur puis les comparés à une chaine dans une fonction javascript, si la condition est vraie donc en fait un disable des champs text si non on fait rien.Voilà.
26/08/2010, 17h03
nakatami

Citation:

Envoyé par Bovino

:faq: : Comment désactiver une zone de texte en cochant une checkbox ?

Merci pour votre aide, mais je parle pas de checkbox,je parle de caractères entrés par l'utilisateur qui sont vérifiés en temps réels,par exemple lors de remplissage d'un formulaire,il y a le champs pseudo lorsqu'on fait entrer un pseudo déjà existant il y a un avertissement que le pseudo est déjà existant cela sans validation de données.
26/08/2010, 17h23
SpaceFrog

mettre un disabled dans le champs en cours de frappe ???? 8O

super ergonomie ... on fait comment pour rectifier ensuite ?
26/08/2010, 17h25
nakatami

Citation:

Envoyé par SpaceFrog

mettre un disabled dans le champs en cours de frappe ???? 8O

super ergonomie ... on fait comment pour rectifier ensuite ?

Non c'est pas le champs en cours c'est le champs qui le suit.
26/08/2010, 17h31
SpaceFrog

alors sur le onkeyup du champs qui suit ...
teste légalité des values ou string ...
et mets disbaled = true au champs voulu
26/08/2010, 17h39
nakatami

Citation:

Envoyé par SpaceFrog

alors sur le onkeyup du champs qui suit ...
teste légalité des values ou string ...
et mets disbaled = true au champs voulu

oui merci c'est compris

Bonjour,

Voilà j'ai fait le script suivant mais je sai pas pourquoi il marche pas ?

Code:

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
 
<HTML>
 
<HEAD>
 
<TITLE>data load</TITLE>
 
<SCRIPT LANGUAGE="JavaScript">
 
function test(){
 
var testvaleur="test";
var disable="disabled";
 
if(document.testo.text1.value==testvaleur)
document.testo.text2.disabled=disable;
 
}
 
</SCRIPT>
 
</HEAD>  
 
<BODY > 
 
<form name="testo" action="load" method="get">
 
text1<input id="idtext1" type="text" name="text1" />
text2<input id="idtext2" type="text" name="text2" onkeyup="test();" />
 
</form>
 
</BODY> 
 
</HTML>

Je demande votre aide

Bonjour,

pourriez-vous essayer ceci :

Code:

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<SCRIPT LANGUAGE="JavaScript">
 
function test()
{
 
    var testvaleur = "test";
    //var disable="disabled";
 
    if(document.testo.text1.value == testvaleur)
    {
        document.testo.text2.disabled = true;
        document.testo.text2.style.backgroundColor="#999999";
    }
    else
    {
        document.testo.text2.disabled = false;
        document.testo.text2.style.backgroundColor="#FFFFFF";
    }
 
}
 
</SCRIPT>
 
</head>
 
<body onload="test();">
<form name="testo" action="load" method="get">
 
text1<input id="idtext1" type="text" name="text1" onkeyup="test();"/>
text2<input id="idtext2" type="text" name="text2" />
 
</form>
 
</body>
</html>

29/08/2010, 16h53
Bovino
Tout d'abord, l'attribut language pour une balise script est "deprecated" et obsolète (d'autant que la plupart de ceux qui l'utilisent ne savent même pas à quoi il sert :roll:), en revanche, l'attribut type est "required", la bonne syntaxe est donc :
Code:

1 2 3 <script type="text/javascript"> ... </script>
ensuite, comme le fait remarquer blade159, il ne faut pas confondre l'attribut HTML disabled et la propriété de l'objet JavaScript correspondant : si la valeur du premier est "disabled", la valeur du second est un booléen, donc true ou false. ;)
Alors bien sûr, on va essayer de m'expliquer que ça marche aussi avec "disabled" pour la propriété JavaScript, mais ça reste une erreur et ce n'est en tout cas jamais "disable".
01/09/2010, 11h50
nakatami

Un grand merci à vous :ccool: et aussi pour les conseils :mrgreen: