Griser une partie de formulaire sous conditions

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Griser une partie de formulaire sous conditions

ncdetoulouse

Bonsoir à tous !
J'ai deux champs dans un de mes formulaires : PAYS et DEPARTEMENT
Avec dans Pays : France, Belgique, Suisse .. et Département : tous les départements français.
Mon objectif : Si l'utilisateur sélectionne Belgique ou Suisse dans Pays ; la liste Département se grise et il ne peut pas l'utiliser (elle prend alors la valeur 0).
Merci à ceux qui sauront m'aider ..
Excellente soirée à tous !

Publicité

xtof_83

Freeride Spirit

Tu te fais un petit script javascript qui disabled ton select, et voilà

ncdetoulouse

C'est là que j'ai besoin de vous, ne sachant pas faire cela !

xtof_83

Freeride Spirit

Ben tu cherches sur internet, comment appliquer un disabled en javascript : c'est pas difficile

ncdetoulouse

J'ai vraiment besoin d'assistance pour cela ..
SVP

mvdp

Si on pouvait trouver toutes les solutions sur google, le forum n'aura plus de raison d'être
Donc pour te donner une suggestion:

Code :

<HTML>
<head>
<title>test</title>
<script>
function cpverif(){
var pays=document.forms["test"].elements["pays"].value; // on récupère la valeur du pays
if (pays!="FR" ) // si cela n'est pas la douce france, on change
document.forms["test"].elements["cp"].value=""; // valeur vide
document.forms["test"].elements["cp"].setAttribute("readonly","readonly" ) // on y touche plus
}
</script>
</head>
<body>
<form method="post" action="truc machin" name="test" id="form">
Ville : <br> <input name="ville" size="50" value="" type="text"> <br>
Code postal : <br> <input name="cp" size="6" value="" type="text"> <br>
Pays: <br><select name="pays" onchange="return cpverif();">
<option value="FR" selected="selected">France</option>
<option value="NL">Pays Bas </option>
<option value="BE">Belgique </option>
<option value="LU">Luxembourg </option>
<option value="DIV">Autre </option>
</select>
</body>
</html>

Bonne chanche!

Message cité 1 fois

xtof_83

Freeride Spirit

mvdp a écrit :

Si on pouvait trouver toutes les solutions sur google, le forum n'aura plus de raison d'être
Donc pour te donner une suggestion:

Code :

<HTML>
<head>
<title>test</title>
<script>
function cpverif(){
var pays=document.forms["test"].elements["pays"].value; // on récupère la valeur du pays
if (pays!="FR" ) // si cela n'est pas la douce france, on change
document.forms["test"].elements["cp"].value=""; // valeur vide
document.forms["test"].elements["cp"].setAttribute("readonly","readonly" ) // on y touche plus
}
</script>
</head>
<body>
<form method="post" action="truc machin" name="test" id="form">
Ville : <br> <input name="ville" size="50" value="" type="text"> <br>
Code postal : <br> <input name="cp" size="6" value="" type="text"> <br>
Pays: <br><select name="pays" onchange="return cpverif();">
<option value="FR" selected="selected">France</option>
<option value="NL">Pays Bas </option>
<option value="BE">Belgique </option>
<option value="LU">Luxembourg </option>
<option value="DIV">Autre </option>
</select>
</body>
</html>

Bonne chanche!

Et si les mecs, qui écrivaient du code aussi pourri s'abstenaient de le faire, le forum s'en porterait que mieux.

Message cité 1 fois

mvdp

xtof_83 a écrit :

Et si les mecs, qui écrivaient du code aussi pourri s'abstenaient de le faire, le forum s'en porterait que mieux.

Merci pour le compliment constructif.
Au lieu de critiquer montre ce qui est pourri. J'apprendrai (peut-être) quelque chose.

xtof_83

Freeride Spirit

1_ c'est pas ça qu'il veux
2_

Code :

document.forms["test"].elements["cp"]

tu as pas plus compliqué ?

Code :

document.getElementById("tonElement" )

Au moins ça marche toujours... si tu renommes ton form...

Et donc, si je donne pas la soluce, c'est que j'attend que ce monsieur cherche, un peu...test...et ensuite seulement si un truc marche pas dans SON code, il nous le poste... et je dis bien SON code, même si c'est fortement calqué sur un exemple du net.

Voilà c'est tout

ncdetoulouse

J'ai installé ça :

<script type="text/javascript">
function greyfield(formulaire)
{
if (form2.pays != 'f')
formulaire.dep.disabled = true;
else
formulaire.dep.disabled = false;
}
</script>

<select name="pays" size="1" id="pays" value="" onkeyup="greyfield(document.searchpeople);">
// toutes les options de pays
</select>

Mais ça ne fonctionne pas : si je sélectionne BELGIQUE par exemple, le département à côté ne se grise pas ..
Merci d'avance d'une aide !

Publicité

mvdp

tu as pas plus compliqué ? [xtof_83]

Si si

Code :

<HTML><head><title></title>
<script>
function cpverif(f){
x=f.value !="FR"
document.test.cp.selectedIndex=(x)? 0:1
document.test.cp.disabled=x}
</script>
</head>
<body>
<form method="post" action="" name="test">
Ville : <br> <input name="ville" size="50" value="" type="text"> <br>
Code postal: <br><select name="cp" >
<option value="0" >--</option>
<option value="01" selected="selected">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
</select>
<br>
Pays: <br><select name="pays" onchange="cpverif(this);">
<option value="FR" selected="selected">France</option>
<option value="NL">Pays Bas </option>
<option value="BE">Belgique </option>
<option value="LU">Luxembourg </option>
<option value="DIV">Autre </option>
</select>
</body>
</html>

Ca marche correctement mais je me prive de donner des commentaires sur le script.
Tu comprends ou tu ne comprends pas...

ncdetoulouse

Merci
Dernière question, plus simple : comment faire pour que lorsqu'on ouvre la page, sans rien faire, si l'option selected pour le pays n'est pas France, le code postal soit grisé dès le départ ?
Merci d'avance

Message cité 1 fois

mvdp

ncdetoulouse a écrit :

Si tu enlèves ou change le selected, tu peux verifier avec quelque chose comme
<body onload="verif()">

function verif(){
x=document.getElementByName("country" )
cpverif(x)
}

en ajoutant l'id au select:
<select name="pays" id="country" onchange="cpverif(this);">

ncdetoulouse

Parfait ! Merci !

xtof_83

Freeride Spirit

>> mvdp arrête tu te fais du mal...lol

getElementByName, pas trop : c'est getElementById...

>> ncdetoulouse
formulaire.dep.disabled = true;

Ouais tu y est presque sauf comme je me tue à le dire, ça marche mais c'est pas top :

Fait plutôt : document.getElementById("dep" ).disabled=true;

C'est beaucoup mieux

mvdp

quelque chose comme .....

xtof_83

Freeride Spirit

...?

Message cité 1 fois

nuloop

xtof_83 a écrit :

...?

Toi t'es vraiment un gros branleur !!!

Peu importe que tu sois bon ou non ... mais a te lire je passe mon chemin ... d'ailleurs c'est google qui m'a amené la ... j'ai tapé gros branleur et je tombe sur toi !

Message cité 1 fois

Bidem

wow déterrer un topic de plus de 2 ans pour faire une telle remarque, c'est que t'as pas grand chose à faire non plus

Profil supprimé

nuloop a écrit :

:heink:

FORUM HardWare.fr

Programmation

HTML/CSS

Griser une partie de formulaire sous conditions

Sujets relatifs
retour à la ligne dans formulaire de selection	[Access] Acceder à un champ à partir du formulaire précédent
Problème de type sur Variable de formulaire	Executer une partie de code ou une autre
Mise en forme de texte dans un formulaire HTML	(Résolu) Masquer une partie d'un calque
VBA [Résolu] Placer du texte obtenu par VBA dans un formulaire Outlook	Envoie et reception des infos d'un formulaire (php)
[Access] Changer la source d'un formulaire en VB	[JS] Bloquez le submit d'un formulaire après un contrôle?
Plus de sujets relatifs à : Griser une partie de formulaire sous conditions

Page générée en 0.089 secondes