Griser une partie de formulaire sous conditions

Griser une partie de formulaire sous conditions - HTML/CSS - Programmation

Marsh Posté le 25-07-2007 à 18:32:47    

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 !

Reply

Marsh Posté le 25-07-2007 à 18:32:47   

Reply

Marsh Posté le 25-07-2007 à 19:22:24    

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

Reply

Marsh Posté le 25-07-2007 à 19:24:37    

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

Reply

Marsh Posté le 25-07-2007 à 19:35:13    

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

Reply

Marsh Posté le 25-07-2007 à 20:50:52    

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

Reply

Marsh Posté le 25-07-2007 à 23:14:51    

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!

Message cité 1 fois
Reply

Marsh Posté le 25-07-2007 à 23:25:09    

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.

Message cité 1 fois
Reply

Marsh Posté le 26-07-2007 à 00:03:44    

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.

Reply

Marsh Posté le 26-07-2007 à 02:47:04    

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

Reply

Marsh Posté le 26-07-2007 à 09:51:10    

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 !

Reply

Marsh Posté le 26-07-2007 à 09:51:10   

Reply

Marsh Posté le 26-07-2007 à 13:19:30    

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

Reply

Marsh Posté le 26-07-2007 à 13:30:47    

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
Reply

Marsh Posté le 26-07-2007 à 14:32:16    

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

Reply

Marsh Posté le 26-07-2007 à 14:33:38    

Parfait ! Merci !

Reply

Marsh Posté le 26-07-2007 à 15:22:56    

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

Reply

Marsh Posté le 26-07-2007 à 20:59:45    

quelque chose comme .....

Reply

Marsh Posté le 26-07-2007 à 21:40:13    

Reply

Marsh Posté le 29-01-2009 à 11:14:38    

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
Reply

Marsh Posté le 29-01-2009 à 11:23:22    

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

Reply

Marsh Posté le 29-01-2009 à 11:32:33    

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:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed