CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

begin process at 2009 07 05 23:49:01

SILVERLIGHT 3 : COMMUNICATION ET MULTICAST par KooKiz

[PERSO] DéCOUVERTES ESTIVALES : LINUX (PART I) par FREMYCOMPANY

[REFACTORING] RESHARPER POUR VISUAL STUDIO 2010 (PREVIEW) par tja

[REFACTORING] ANALYSER VOS EXCEPTIONS AVEC RESHARPER EXCEPTIONAL par tja

SHAREPOINT 2007 : PATTERNS & PRACTICES SHAREPOINT GUIDANCE par phil

RE : BOUCLES ! par cedcyr

BOUCLES ! par cedcyr

CODE POUR EDITEUR DE TEXTE AVEC PRISE EN CHARGE DU COPIER/COLLER GARDANT LA MISE EN FORME par lolhangman

RE : COMMENT RéCUPéRER LES VARIABLES DE PLUSIEURS FORMULAIRES POUR OUVRIR FICHIER EXCEL par Bul3

+ de logiciels à télécharger

1 464 925 membres
415 nouveaux aujourd'hui
15 045 membres club

Trouver une ressource

Trouvez une ressource parmi 40 095 codes, 1 303 030 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

BOITE DE TEXTE ACTIVE SELON UNE CHECKBOX

Information sur la source

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

Auteur : mathieumg

Site perso

Ecrire un message privé

Ce membre participe au partage de revenus publicitaires

Note :

10,00 / 10

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

MENU TABLE ROLLOVER STYLE KINGS OF CHAOS.COM

DÉTECTION PLUGIN FLASH

PAS DE PUBS SUR MULTIMANIA !!!!

NOMBRE MINIMAL DE CASES À COCHER

Toutes les sources de mathieumg

Sources de la même categorie

CALCULS RAYNAUX V2 par Ali Bibi

VALIDATION D'UN FORMULAIRE par grarestephane

CHAT VIRTUEL par grarestephane

AJOUTER ET SUPPRIMER DES FICHIERS DANS UNE LISTE par grarestephane

TEXTAREA : LIMITER LA LARGEUR ET LA HAUTEUR DU TEXTE SAISIE par vilfarfadet

Toutes les sources de la catégorie Formulaire

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 !