begin process at 2012 05 28 14:17:54
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > PERSONNALISATION AISÉE DES RADIOS ET CHECKBOX

PERSONNALISATION AISÉE DES RADIOS ET CHECKBOX


 Information sur la source

Note :
7 / 10 - par 4 personnes
7,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Classé sous :radiobutton, radio, checkbox, personnalisation, personnaliser Niveau :Débutant Date de création :13/09/2005 Date de mise à jour :16/09/2005 10:06:39 Vu / téléchargé :11 394 / 1 358

Auteur : bultez

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


 Description

Cliquez pour voir la capture en taille normale
tout est-il dans les titre ?
les explications dans PARC.js,
un exemple d'utilisation dans PARC.htm.


 Conclusion

Grâce à f6xara qui a fourni l'idée,
sur http://www.phpcs.com/code.aspx?ID=33710.
Je n'ai fait que la généraliser aux boutons Radio et Checkbox,
en Programmation Orientée Objet, ici c'était parfaitement
adapté, uniquement en JavaScript, le PHP n'amenant rien à
mon avis.
Testé avec Internet Explorer et FireFox.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

14 septembre 2005 05:14:35 :
this à la place du n° bouton radio, "plus simple" à l'utilisation.
14 septembre 2005 06:04:26 :
un appel "plus propre" aux .prototype.
16 septembre 2005 10:06:39 :
suite à une demande, ajout d'une fonction pour "tout" décocher.

 Sources du même auteur

Source avec Zip Source avec une capture [CF) CHOIX D'UN FICHIER
Source avec Zip [GAG] GESTION AJAX GÉNÉRALISÉE
Source avec Zip [JEAN] JAVASCRIPT EXÉCUTÉ AVEC LA RÉPONSE D'AJAX, NASALODIGI...
Source avec Zip Source avec une capture [P.J.] PAGES JOURNALIÈRES ~ AGENDA ~ RENDEZ-VOUS ~
Source avec Zip Source avec une capture DIFFÉRENCES EN JAVASCRIPT [DJ]

 Sources de la même categorie

Source avec Zip Source avec une capture BOUTON ROTATIF par kazma
Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600

 Sources en rapport avec celle ci

Source avec Zip DECOMPTEUR ET CHECKBOX TEMOIN par dialvb
Source avec Zip Source avec une capture JVSMENU : MENUS CLASSIQUES ET CONTEXTUELS AVANCÉS EN JAVASCR... par emericv
Source avec Zip OBLIGER UN UTILISATEUR DE COCHER UNE CHECKBOX POUR VALIDER U... par yoyo17560
Source avec Zip Source avec une capture GADGET RTL2 par youdream
Source avec Zip LABELS EN SURBRILLANCE par jperre

Commentaires et avis

Commentaire de ponup le 15/09/2005 12:38:18

est-il possible d'utiliser ce script pour un formulaire couplé à du php, un form d'inscription de newsletter par exemple ?

Commentaire de bultez le 15/09/2005 14:35:36

"y'a pas d'raison"
c'est le PHP qui génère le HTML/JavaScript,
l'exemple a des boutons est dans un formulaire,
rien n'interdit donc...

Commentaire de GhislainLavoie le 17/09/2005 21:50:46

Salut Bultez!

A quoi ça sert d'avoir des checkbox et radio dans un formulaire si on ne peut pas envoyé notre formulaire avec l'état de nos input?

7/10 pour l'effort et l'esthétique.

Commentaire de bultez le 18/09/2005 10:03:00

salut GhislainLavoie,
Ben, déjà, en javascript, certains traitements
peuvent être faits ou pas en fonction de ces
boutons ( cacher/montrer des champs par exemple,
ou autres... )
Et s'il faut transmettre l'état de ces boutons
vers le PHP, il suffit de mettre "ces états"
dans des champs transmissibles ( et cachés ? ).
Maintenant si les infos des img et/ou des input
type="image" étaient transmis...

Commentaire de GhislainLavoie le 18/09/2005 14:20:29

Bultez a écrit :
Maintenant si les infos des img et/ou des input
type="image" étaient transmis...

C'est effectivement le cas, les coordonnées d'un input type image sont transmisent losque l'on clique dessus.

A+

Commentaire de bultez le 18/09/2005 14:37:25

Donc, "ça sert", même|aussi avec un
formulaire à transmettre vers le PHP.

Il faudra quand même mémoriser l'état
des boutons dans des champs ( cachés ),
car les coordonnées x/y ( du dernier
bouton cliqué en plus ) ce n'est pas
suffisant pour déterminer si un bouton
(quelconque) est coché ou pas.

Commentaire de GhislainLavoie le 18/09/2005 15:50:31

Salut!

Bien sur qu'il faudrait mémoriser l'état des chaeckboxs et radios.  C'est pourquoi j'ai fait le commentaire.  Ton script devrait gérer ça.  M. et Mme tout le monde n'ont pas nécessairement le gout d'ajouter du code pour remplacer des éléments html qui font déjà tout celà.

Donc pour chaques bouton créer, tu devrait créer dynamiquement des vrai éléments caché qui suivent l'états des images.

De cette façon, la gestion tel de vrai élément html serai complète et fonctionnel.

A+

Commentaire de bultez le 19/09/2005 11:22:01


>>Ton script devrait gérer ça

j'ai estimé

°_ que l'envoi de l'état des boutons vers le php
   n'était pas toujours voulu/nécessaire.

°_ qu'ajouter cette fonctionnalité
   n'était pas très complexe :

<form name="frm" method="...>
        <input type="checkbox"
name="ch1"
style="display:none" />
        <img src=""
name="Chk1"
onclick="frm.ch1.checked=c1.Click();" />
...   par exemple.

°_ et je ne voyais pas comment généraliser
   réellement ça, plus simplement qu'en
   "laissant libre".

mais je vais y réflêchir, toute idée
est la bienvenue.                 @+

Commentaire de bormat le 22/07/2009 22:18:29

il y a mieux comme personnalisation des bouton radio et checkbox
http://bormat2.free.fr/personnalisation_formulaire/personnaliser-checkbox-et-radio

Commentaire de Bul3 le 23/07/2009 05:14:15


perso je ne trouve pas ça mieux
très loin de là

et surtout vous comparez mes quelques
lignes très simples  à presque 100 k ! faut être sérieux.

il y a les méga-bibliothèques genre jQuery,Prototype,
   ScriptAculous... et consort,  dont les multiples
   extensions font tout ça et bien plus encore,
mais au prix d'un code "poids lourd" et d'un sur-langage
   propriétaire à apprendre.

ce n'est qu'un avis lu sur la toile, que je partage assez.

Commentaire de bormat le 24/07/2009 15:40:05

il y a mieux là
http://www.commentcamarche.net/forum/affich-13513022-personnaliser-checkbox-et-bouton-radio

Commentaire de Bul3 le 24/07/2009 15:59:33

c'est toujours avec cette montreuse bibliothèque de fonctions...
c 'est pour faire de la pub pour un autre site ?
c'est uniquement pour dire que ce que j'ai fait est nul ?
il vaudrait mieux proposer d'améliorer cette source, c'est
à ça que sert aussi Codes-Sources
@+

Commentaire de bormat le 27/07/2009 08:45:26

c'est que le tient est plus lourd

Commentaire de Bul3 le 27/07/2009 10:26:38

__ si vous parlez de la taille :  
8416 octets (parc) contre combien (?) pour extjs ?
__ si vous parlez de l'utilisation :
new PARC(frm.Chk1,"c",null,null,-1); par exemple avec park ( et c'est tout ! )
avec extjs je lis les 3678995 pages d'explications
et je vous dis comment ça se passe avec, mais
ça m'étonnerait bien que cela soit plus court !
de plus avec extJS il faut utiliser un sur-langage propriétaire
__ mais, vous savez
vous n'êtes pas obligé d'utiliser parc,
et c'est aussi là pour servir d'exemple.
vous vous préparez un avenir en maintenance assez joyeux
@+

Commentaire de bormat le 28/07/2009 10:28:06

ha désolé je me suis trompé le votre est effectivement plus légé
par contre il serait bien de rajouter la personnalisation du hover
au passage de la souris dessus  

Commentaire de Bul3 le 28/07/2009 10:38:14

réagir au hover ? sur un checkbox ou un radio ?
pas bien vu. seul le click me semble valable.
mais bon, si vous y tenez, c'est simple à
ajouter... restera à savoir quand les décocher !

Commentaire de bormat le 31/07/2009 10:35:33

les 2 par exemple sous firefox quand on va les checkbox le contour devient jaune  

Commentaire de waxor le 22/11/2011 13:14:28 1/10

le code n'est vraiment pas propre, les commentaires sont invasif c'est dommage.
Sinon c'est bon dans le fond.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

javascript-->bouton radio-->retourne serie de cases a cocher [ par w_manou ] Bonjour à tous, je développe en lotusscript qui prend en compte des formules et du javascript.J'ai un problème j'ai une section qui doit englober deux verification de checkbox [ par c_hippo ] Bonsoir,Voil&#224;, j'ai un formulaire avec &#224; la fois des boutons radio et des checkbox qui se r&#233;petent n fois.Pour valider le tout, j'ai un Activer un bouton radio lors de la validation d'une checkbox [ par Rrominet ] Hello !Je suis en train de me remettre sur mon site et j'ai besoin de&nbsp;pouvoir activer certains contr&#244;les uniquement si une checkbox est coch personnaliser un bouton radio [ par raven59300 ] Bonjour,Mon probleme est le suivant j'ai ressament utiliser les exemple de se site ( http://www.ibilab.net/webdev/articles/Javascript/personnalisez-ch activer bouton radio apres validation checkbox [ par bullrot1985 ] Bonjour à tous. voila j'ai une liste qui se crée dynamiquement.Pour chaque ligne de ma liste j'ai ceci: checkbox - bouton radio Yes/No - Name - Date v probleme radio/checkbox [ par spiesalex ] salut j'ai un petit probl&#232;me en javaScript: je voudrait que en d&#233;sactionnant un radio que les checkbox redevienne gris&#233;e voila mon c Comment mettre un Checked a un Input Radio ou un checkbox? [ par H4MZA ] Bonjour , Je fait une application à l'aide de delphi , cette application consiste à s'enregistrer dans mon site web , j'utilise un Webbrowser pour réc 3 selections parmis x ? bouton radio ou checkbox ? [ par vincentsage ] Bonjour, j'ai un formulaire dans lequel on doit pouvoir saisir un, deux, ou 3 choix parmis n, quelle technique je dois employer ? Sachant que je crois vérifier qu'au moins une checkbox d'un formulaire est cochée [ par silvia12 ] Bonjours, J'aimerais vérifié qu'au moins une chekbox a été coché dans mon formulaire a savoir que je créer mé texbox en fonction de ma base de donnée, bouton radio [ par kenny18 ] salut,j'ai 2 boutons radio dans un formulaire. le nom est "tb_objet" et la valeur du 1er est "ref" et le 2&#232;me est "chantier".Aucuns des 2 boutons


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
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 : 1,466 sec (3)

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