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

HTML Discussion :

Image à la place de checkbox


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    802
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 802
    Par défaut Image à la place de checkbox
    Bonjour,

    Je souhaiterais afficher une image ayant la forme d'une case à cocher. Le problème est qu'on me demande de ne pas utiliser une checbox, mais une image à la place. Donc il faudrait que cette image puisse être changée (par une image en forme de case cochée) lorsque l'utilisateur clique sur le lien. D'ailleurs, je ne sais pas si je dois utiliser un input avec un type="image" ou bien une balise <a> contenant une image. Sachant qu'il s'agit juste d'une image cliquable et que le formulaire doit être validé par un autre bouton.

    Je voudrais donc savoir quel élément html je dois utiliser, et comment changer l'image lorsque l'utilisateur clique dessus.

    J'espère avoir été clair. Merci pour vos réponses.

  2. #2
    Membre éclairé Avatar de Pymento
    Homme Profil pro
    Ingé. Info.
    Inscrit en
    Janvier 2008
    Messages
    366
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Ingé. Info.

    Informations forums :
    Inscription : Janvier 2008
    Messages : 366
    Par défaut
    Utilise un onclick sur l'image et ton code javascript changera l'image par une autre image que tu auras au préalablement modifier pour lui donner un style coché.

  3. #3
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Par défaut
    Salut,
    un <input type='image' src=' .... ' /> ne conviendra pas, en principe c'est un élément d'envoi de formulaire au même titre qu'une submit.

    Il faudras donc utiliser un <img src="...." /> et comme l'indique Pymento ajouter un onclick pour changer l'image via l'utilisation de javascript cependant, il faudra également pensé à utiliser des <input type='hidden' value='' /> afin de d'y intégrer la valeur de chaque check box coché car sinon tu ne pourra pas savoir ce qui est coché à l'envoi de ton formulaire.
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    802
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 802
    Par défaut
    Merci les gars

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 5
    Dernier message: 28/08/2011, 12h45
  2. Affichage d'une image à la place des puces
    Par qi9859 dans le forum Mise en page CSS
    Réponses: 13
    Dernier message: 20/05/2007, 22h19
  3. Réponses: 5
    Dernier message: 11/05/2007, 15h50
  4. Utiliser une image à la place du curseur par défaut
    Par nice dans le forum Interfaces Graphiques en Java
    Réponses: 3
    Dernier message: 11/12/2005, 22h15
  5. [html] Image à la place d'un bouton avec valeur
    Par Invité dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 30/06/2005, 12h31

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