validation des changements de style

Version imprimable

Bonjour j'essaye de résoudre un petit exercice en JS.Selement voila j'ai un ptit soucis :
Dans le code ci-dessous quand j'essaye de faire un submit donc je valide mon formulaire je vois les changement qui ont lieu : (la zone de texte qui devient bleu ou jaune et est disabeled ) mais ça dure juste que quelques dixièmes de seconde et puis ça redevient normal.
Si quelqu'un peut m'aider pour garder ces changement après la validation.

Merci d'avance.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 var traitement = function () { if(document.forms.form_1.rad_1[0].checked){ //alert("traitement 2"); document.forms.form_1.nom.disabled = true ; document.forms.form_1.nom.style.backgroundColor = "gray" ; }else if(document.forms.form_1.rad_1[1].checked){ //alert("traitement 3"); document.forms.form_1.prenom.disabled = true ; document.forms.form_1.prenom.style.backgroundColor = "blue"; } }

27/03/2010, 20h29
SpaceFrog

qui dit submit .... dit rechargement de page
pour conserver les style il faut soit ne pas recharger, soit passer les paramètres de style et les recupérer au chargement
28/03/2010, 07h49
dyngry

vous ne connaitriez pas par hasard un bon tutoriel qui explique comment ça marche tous ça.
28/03/2010, 09h40
SpaceFrog

tout quoi?

quel est le but recherché ? as tu besoin de soumettre le formulaire ?
29/03/2010, 08h14
dyngry

je t'explique le but.
J'ai un formulaire avec deux champs texte "prénom" et "nom" et deux radioButton le premier est "particulier" et le second est "socièté".
Je veux quand un utilsiateur selectionne le boutton socièté le champs texte "prénom" soit vérouillé "(disabeled)"et quand il reselectionne particulier il est activé.

par défaud si aucun radioButton n'est selectionné il ne fait rien tous est activé.

pourquoi passer par la soumission du formulaire pour appliquer les styles ?
utilise les évènements des boutons concernés ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
function foo(){
setTimeout(function(){document.getElementById('prenom').disabled=document.getElementById('qui2').checked},100);
}
</script>
 
</head>
 
<body>
<form>
<input type='radio' name='qui' id='qui1' onclick="foo()"/><label for='qui1' >particulier</label><br/>
<input type='radio' name='qui' id='qui2' onclick="foo()"/><label for='qui2' >société</label><br/>
Nom: <input type="text" name="nom" id="nom" value="NOM" /><br/>
Prenom: <input type="text" nalme="prenom" id="prenom" value="PRENOM" disabled="disabled" /><br/>
</body>
 
</html>

Merci ça marche je m'en suis inspiré et ça donne à la fin :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var traitement1 = function () {
	document.forms.form_1.prenom.disabled = false ;
	document.forms.form_1.prenom.style.backgroundColor = "white";
	document.forms.form_1.prenom.value = null;
 
}
var traitement2 = function () {
	document.forms.form_1.prenom.disabled = true ;
	document.forms.form_1.prenom.value = null;
	document.forms.form_1.prenom.style.backgroundColor = "yellow" ;
}		
	//if(document.forms.form_1.rad_1[0].checked){
		//}else if(document.forms.form_1.rad_1[1].checked){
 
var miseEnPlace = function () {
	document.forms.form_1.onsubmit = submit () ;
	document.forms.form_1.rad_1[0].onclick = traitement1 ;
	document.forms.form_1.rad_1[1].onclick = traitement2 ;
}
window.onload = miseEnPlace ;

30/03/2010, 10h30
SpaceFrog

je te conseillerais tout de même la syntaxe suivante:

Code:

document.forms['form_1'].elements['prenom'].disabled = false ;

Code:

document.forms['form_1'].elements['rad_1'][0].onclick = traitement1 ;