begin process at 2012 02 05 23:40:04
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > BOITE DE TEXTE ACTIVE SELON UNE CHECKBOX

BOITE DE TEXTE ACTIVE SELON UNE CHECKBOX


 Information sur la source

Note :
10 / 10 - par 3 personnes
10,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Niveau :Débutant Date de création :06/05/2003 Date de mise à jour :19/07/2003 15:18:26 Vu :12 205

Auteur : mathieumg

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (12)
Ajouter un commentaire et/ou une note


 Description

Ceci est un code très simple et banal, mais il pourrait servir dans un formulaire.

Source

  • À placer dans HEAD :
  • <script language ="Javascript">
  • function verifiertous(){
  • verifier1();
  • verifier2();
  • verifier3();
  • }
  • function verifier1(){
  • if(document.form.chck1.checked){
  • document.form.b1.disabled=false
  • document.form.b1.style.backgroundColor='#FFFFFF'
  • document.form.b1.value=a1
  • document.form.b1.focus()
  • }
  • else{
  • document.form.b1.disabled=true
  • document.form.b1.style.backgroundColor='#D6D3CE'
  • a1=document.form.b1.value
  • document.form.b1.value=""
  • }
  • }
  • function verifier2(){
  • if(document.form.chck2.checked){
  • document.form.b2.disabled=false
  • document.form.b2.style.backgroundColor='#FFFFFF'
  • document.form.b2.value=a2
  • document.form.b2.focus()
  • }
  • else{
  • document.form.b2.disabled=true
  • document.form.b2.style.backgroundColor='#D6D3CE'
  • a2=document.form.b2.value
  • document.form.b2.value=""
  • }
  • }
  • function verifier3(){
  • if(document.form.chck3.checked){
  • document.form.b3.disabled=false
  • document.form.b3.style.backgroundColor='#FFFFFF'
  • document.form.b3.value=a3
  • document.form.b3.focus()
  • }
  • else{
  • document.form.b3.disabled=true
  • document.form.b3.style.backgroundColor='#D6D3CE'
  • a3=document.form.b3.value
  • document.form.b3.value=""
  • }
  • }
  • </script>
  • Et voici la suite INCLUANT les balises BODY :
  • <body onload="verifiertous()">
  • <form method="POST" name="form">
  • <p><input type="checkbox" name="chck1" value="ON" onclick="verifier1()"><input style="background-color: #D6D3CE" type="text" name="b1" size="20" disabled></p>
  • <p><input type="checkbox" name="chck2" value="ON" onclick="verifier2()"><input style="background-color: #D6D3CE" type="text" name="b2" size="20" disabled></p>
  • <p><input type="checkbox" name="chck3" value="ON" onclick="verifier3()"><input style="background-color: #D6D3CE" type="text" name="b3" size="20" disabled></p>
  • </form>
  • </body>
À placer dans HEAD :

<script language ="Javascript">
function verifiertous(){
verifier1();
verifier2();
verifier3();
}

function verifier1(){
if(document.form.chck1.checked){
document.form.b1.disabled=false
document.form.b1.style.backgroundColor='#FFFFFF'
document.form.b1.value=a1
document.form.b1.focus()
}

else{
document.form.b1.disabled=true
document.form.b1.style.backgroundColor='#D6D3CE'
a1=document.form.b1.value
document.form.b1.value=""
}
}

function verifier2(){
if(document.form.chck2.checked){
document.form.b2.disabled=false
document.form.b2.style.backgroundColor='#FFFFFF'
document.form.b2.value=a2
document.form.b2.focus()
}

else{
document.form.b2.disabled=true
document.form.b2.style.backgroundColor='#D6D3CE'
a2=document.form.b2.value
document.form.b2.value=""
}
}

function verifier3(){
if(document.form.chck3.checked){
document.form.b3.disabled=false
document.form.b3.style.backgroundColor='#FFFFFF'
document.form.b3.value=a3
document.form.b3.focus()
}

else{
document.form.b3.disabled=true
document.form.b3.style.backgroundColor='#D6D3CE'
a3=document.form.b3.value
document.form.b3.value=""
}
}


</script>

Et voici la suite INCLUANT les balises BODY :

<body onload="verifiertous()">

<form method="POST" name="form">
  <p><input type="checkbox" name="chck1" value="ON" onclick="verifier1()"><input style="background-color: #D6D3CE" type="text" name="b1" size="20" disabled></p>
  <p><input type="checkbox" name="chck2" value="ON" onclick="verifier2()"><input style="background-color: #D6D3CE" type="text" name="b2" size="20" disabled></p>
  <p><input type="checkbox" name="chck3" value="ON" onclick="verifier3()"><input style="background-color: #D6D3CE" type="text" name="b3" size="20" disabled></p>
</form>

</body>

 Conclusion

Si il y a des bugs faites-moi le savoir SVP !

Merci

Mathieu M-G


 Sources du même auteur

REDIRECTION SELON NAVIGATEUR ET VERSION...
Source avec une capture MENU TABLE ROLLOVER STYLE KINGS OF CHAOS.COM
DÉTECTION PLUGIN FLASH
PAS DE PUBS SUR MULTIMANIA !!!!
NOMBRE MINIMAL DE CASES À COCHER

 Sources de la même categorie

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow

Commentaires et avis

Commentaire de pyroflo le 07/05/2003 10:51:32

Très simple mais utilile ! C'est bien ;)

Pyroflo
http://www.abcpyro.fr.st

Commentaire de mathieumg le 07/05/2003 13:21:39

Merci

Mathieu M-G

Commentaire de bob3000 le 10/05/2003 02:04:18

bravo! cest bon!

Commentaire de mathieumg le 10/05/2003 04:38:17

Oui merci, mais c'est pas compliqué !

Mathieu M-G

Commentaire de bob3000 le 11/05/2003 17:59:09

cest pas complique mais cest utile :)

Commentaire de mathieumg le 11/05/2003 19:10:31

Oui,

Je vais bientôt mettre un update de sorte à ce que le fond soit gris lorsque le textbox est inactif.

Commentaire de mathieumg le 19/07/2003 15:23:21

Bonjour à tous !

Si vous lisez les commentaires (Le précédent) vous vous apercevrez que j'avais dit qu'un jour j'améliorerais cette source et mettrais une option supplémentaire qui permet de mettre la boite grise lorsqu'elle est inactive ! Et bien chose promise chose due ! C'est fait avec une option supplémentaire !!!!!! Une variable retient la valeur entrée avant d'avoir désactivé la boite de texte (puisque celle-ci efface tout son contenu) et la remet lorsque cette dernière est réactivée.

J'attend vos commentaires ;) !

Merci

Mathieu M-G
http://www.maxicom.ca.tc

Commentaire de bob3000 le 20/07/2003 01:20:14

excellent!!!

Commentaire de mathieumg le 20/07/2003 03:27:04

Merci mais tjrs pas de note :( mais po grave là n'est pas le but...

Mathieu M-G
http://www.maxicom.ca.tc

Commentaire de datesta le 16/01/2005 16:39:35

merci bcp en plus c'est facile a comprendre ;)

Commentaire de mathieumg le 16/01/2005 16:40:56

Wow cette source date :p Ça me fait plaisir ;)


Mathieu M-G
mathieumg@qc-net.com

Commentaire de Seven le 23/04/2006 00:55:07

sympa ta source j'en ai fais une mais avec plus d'élement de formulaire, mais ceci est avantageux dans le cas où tu connais le nombre d'élément que tu veux traité avec cette action !!, mais dans le cas où les élements seront généré dynamiquement a partir d'une base de donnée !!, comment tu vas ou je vais faire pour les traité de la meme façons que tu as fais, moi perso théoriquement je pensé que c t facile a réaliser, mais depuis tout a l'heure je patooooooooge !, alors si tu peux me filé un coup de main la dessus ça ne sera pas de refus !


  

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,484 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales