validation des changements de style

**dyngry** · 27/03/2010, 20h25

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 :

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

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";	
	}	
	}

**SpaceFrog** · 27/03/2010, 20h29

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

**dyngry** · 28/03/2010, 07h49

vous ne connaitriez pas par hasard un bon tutoriel qui explique comment ça marche tous ça.

**SpaceFrog** · 28/03/2010, 09h40

tout quoi?

quel est le but recherché ? as tu besoin de soumettre le formulaire ?

**dyngry** · 29/03/2010, 08h14

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é.

**SpaceFrog** · 29/03/2010, 08h33

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

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
<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>

validation des changements de style

JavaScript

Vue hybride

Discussions similaires

Partager

Partager