IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

[AJAX] Formulaire : affichage de champs si bouton radio coché


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    200
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 200
    Par défaut [AJAX] Formulaire : affichage de champs si bouton radio coché
    Bonjour,

    Je dois créer un formulaire, en temps normal pas de problème pour ça. Mais là on me demande une chose un petit peu plus complexe : afficher automatiquement certains champs si un bouton radio est coché.

    Je voudrais utiliser Ajax pour cela et j'ai trouvé un site qui propose ce genre de script : http://script.aculo.us/
    Grâce auquel j'ai réussi à faire ceci : voir l'exemple
    Si vous cliquez sur "professionnel auto", les champs concernés apparaissent gracieusement
    Si vous cliquez sur "particulier", il ne se passe rien et c'est le but!

    Cependant, tout n'est pas rose, voici donc deux questions :

    - Pour que "l'anim" fonctionne, je suis obligé de faire appel à deux scripts du site (voir code source). Il y a-t-il un moyen de faire ceci sans faire appel à des sources externes ?

    - Après avoir cliqué sur un des boutons radio, si je clique sur le deuxième (admettons que je me sois trompé), c'est le premier qui reste coché ...Comment résoudre ça ?

    Voilà, tant de lignes pour une si "petite chose"...
    Merci de vos réponses

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par miltonis Voir le message
    - Pour que "l'anim" fonctionne, je suis obligé de faire appel à deux scripts du site (voir code source). Il y a-t-il un moyen de faire ceci sans faire appel à des sources externes ?
    Pas trop compris... Qu'est-ce qui t'empêche de les télécharger ?
    - Après avoir cliqué sur un des boutons radio, si je clique sur le deuxième (admettons que je me sois trompé), c'est le premier qui reste coché ...Comment résoudre ça ?
    Tu dois faire un return false sur le onclick du radio, or le onclick se déclenche avant le changement d'état, donc le return false inhibe ce changement.
    Tu peux contourner par exemple en affectant directement la propriété checked à la fin de ton script.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2005
    Messages
    200
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2005
    Messages : 200
    Par défaut
    Pour ce qui est des boutons radio, j'ai trouvé, en fait c'est que j'ai mis [B]onClick[/B ]alors qu'il fallait mettre onFocus. Une faute d'inattention...

    Citation Envoyé par Bovino Voir le message
    Pas trop compris... Qu'est-ce qui t'empêche de les télécharger ?
    En fait le fichier inclus dans http://script.aculo.us/prototype.js est bien trop long et je ne comprends pas comment il fonctionne car si j'y fais une recherche de la fonction "SlideDown", je ne le trouve pas. Idem pour l'autre fichier.
    > J'aurais donc aimé savoir s'il existe un autre script que je puisse comprendre

  4. #4
    Membre expérimenté
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Février 2007
    Messages
    340
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Transports

    Informations forums :
    Inscription : Février 2007
    Messages : 340
    Par défaut
    onFocus ce n'est pas bon. Si tu navigues avec la touche TAB dans ta page, tu peux avoir le focus sur le radio sans l'avoir coché

Discussions similaires

  1. afficher champs formulaire en fonction d'un bouton radio
    Par pod1978 dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 02/04/2009, 11h50
  2. Formulaire champs obligatoires bouton radio
    Par ju0123456789 dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 17/04/2008, 18h11
  3. Réponses: 3
    Dernier message: 05/06/2007, 23h44
  4. affichage debut champs puis bouton "suite"
    Par delavega dans le forum ASP
    Réponses: 2
    Dernier message: 16/12/2006, 21h26
  5. Comment charger un formulaire en fonction d'un bouton radio
    Par FredKéKé dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 31/01/2006, 13h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo