Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2642 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Griser une partie de formulaire sous conditions

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Griser une partie de formulaire sous conditions

n°1591446
ncdetoulou​se
Posté le 25-07-2007 à 18:32:47  profilanswer
 

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 !

mood
Publicité
Posté le 25-07-2007 à 18:32:47  profilanswer
 

n°1591460
xtof_83
Freeride Spirit
Posté le 25-07-2007 à 19:22:24  profilanswer
 

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

n°1591463
ncdetoulou​se
Posté le 25-07-2007 à 19:24:37  profilanswer
 

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

n°1591467
xtof_83
Freeride Spirit
Posté le 25-07-2007 à 19:35:13  profilanswer
 

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

n°1591477
ncdetoulou​se
Posté le 25-07-2007 à 20:50:52  profilanswer
 

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

n°1591562
mvdp
Posté le 25-07-2007 à 23:14:51  profilanswer
 

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 :
  1. <HTML>
  2. <head>
  3. <title>test</title>
  4. <script>
  5. function cpverif(){
  6. var pays=document.forms["test"].elements["pays"].value; // on récupère la valeur du pays
  7. if (pays!="FR" ) // si cela n'est pas la douce france, on change
  8. document.forms["test"].elements["cp"].value=""; // valeur vide
  9. document.forms["test"].elements["cp"].setAttribute("readonly","readonly" ) // on y touche plus
  10. }
  11. </script>
  12. </head>
  13. <body>
  14. <form method="post" action="truc machin" name="test" id="form">
  15. Ville :  <br>  <input name="ville" size="50" value="" type="text">  <br>
  16. Code postal :  <br>  <input name="cp" size="6" value="" type="text">  <br>
  17. Pays:  <br><select name="pays" onchange="return cpverif();"><!--  on va vérifer apres le choixsi -->
  18. <option value="FR" selected="selected">France</option>
  19. <option value="NL">Pays Bas  </option>
  20. <option value="BE">Belgique  </option>
  21. <option value="LU">Luxembourg  </option>
  22. <option value="DIV">Autre  </option>
  23. </select>
  24. </body>
  25. </html>


 
Bonne chanche!

n°1591569
xtof_83
Freeride Spirit
Posté le 25-07-2007 à 23:25:09  profilanswer
 

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 :
  1. <HTML>
  2. <head>
  3. <title>test</title>
  4. <script>
  5. function cpverif(){
  6. var pays=document.forms["test"].elements["pays"].value; // on récupère la valeur du pays
  7. if (pays!="FR" ) // si cela n'est pas la douce france, on change
  8. document.forms["test"].elements["cp"].value=""; // valeur vide
  9. document.forms["test"].elements["cp"].setAttribute("readonly","readonly" ) // on y touche plus
  10. }
  11. </script>
  12. </head>
  13. <body>
  14. <form method="post" action="truc machin" name="test" id="form">
  15. Ville :  <br>  <input name="ville" size="50" value="" type="text">  <br>
  16. Code postal :  <br>  <input name="cp" size="6" value="" type="text">  <br>
  17. Pays:  <br><select name="pays" onchange="return cpverif();"><!--  on va vérifer apres le choixsi -->
  18. <option value="FR" selected="selected">France</option>
  19. <option value="NL">Pays Bas  </option>
  20. <option value="BE">Belgique  </option>
  21. <option value="LU">Luxembourg  </option>
  22. <option value="DIV">Autre  </option>
  23. </select>
  24. </body>
  25. </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.

n°1591581
mvdp
Posté le 26-07-2007 à 00:03:44  profilanswer
 

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.

n°1591600
xtof_83
Freeride Spirit
Posté le 26-07-2007 à 02:47:04  profilanswer
 

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

Code :
  1. document.forms["test"].elements["cp"]


tu as pas plus compliqué ?
 

Code :
  1. 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 ;)

n°1591660
ncdetoulou​se
Posté le 26-07-2007 à 09:51:10  profilanswer
 

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 !

mood
Publicité
Posté le 26-07-2007 à 09:51:10  profilanswer
 

n°1591787
mvdp
Posté le 26-07-2007 à 13:19:30  profilanswer
 

tu as pas plus compliqué ? [xtof_83]
 
Si si

Code :
  1. <HTML><head><title></title>
  2. <script>
  3. function cpverif(f){
  4. x=f.value !="FR"
  5. document.test.cp.selectedIndex=(x)? 0:1
  6. document.test.cp.disabled=x}
  7. </script>
  8. </head>
  9. <body>
  10. <form method="post" action="" name="test">
  11. Ville :  <br>  <input name="ville" size="50" value="" type="text">  <br>
  12. Code postal: <br><select name="cp" >
  13. <option value="0" >--</option>
  14. <option value="01" selected="selected">01</option>
  15. <option value="02">02</option>
  16. <option value="03">03</option>
  17. <option value="04">04</option>
  18. </select>
  19. <br>
  20. Pays:  <br><select name="pays" onchange="cpverif(this);">
  21. <option value="FR" selected="selected">France</option>
  22. <option value="NL">Pays Bas  </option>
  23. <option value="BE">Belgique  </option>
  24. <option value="LU">Luxembourg  </option>
  25. <option value="DIV">Autre  </option>
  26. </select>
  27. </body>
  28. </html>


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

n°1591791
ncdetoulou​se
Posté le 26-07-2007 à 13:30:47  profilanswer
 

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

n°1591851
mvdp
Posté le 26-07-2007 à 14:32:16  profilanswer
 

ncdetoulouse a écrit :

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


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

n°1591853
ncdetoulou​se
Posté le 26-07-2007 à 14:33:38  profilanswer
 

Parfait ! Merci !

n°1591892
xtof_83
Freeride Spirit
Posté le 26-07-2007 à 15:22:56  profilanswer
 

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

n°1592046
mvdp
Posté le 26-07-2007 à 20:59:45  profilanswer
 

quelque chose comme .....

n°1592064
xtof_83
Freeride Spirit
Posté le 26-07-2007 à 21:40:13  profilanswer
 
n°1844566
nuloop
Posté le 29-01-2009 à 11:14:38  profilanswer
 


 
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 !

n°1844574
Bidem
Posté le 29-01-2009 à 11:23:22  profilanswer
 

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

n°1844587
Profil sup​primé
Posté le 29-01-2009 à 11:32:33  answer
 

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


 :heink:


Aller à :
Ajouter une réponse
  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 formulaireExecuter 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 OutlookEnvoie 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


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR