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

Mise en page CSS Discussion :

image d'une puce


Sujet :

CSS

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Octobre 2004
    Messages
    44
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2004
    Messages : 44
    Points : 35
    Points
    35
    Par défaut image d'une puce
    Bonjour.

    J'ellabore un menu en CSS. Ce menu est a base de li.
    Pour spécifier une puce, j'utilise :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    li.ma_classe {
    list-style-image:url("mon_image");
    }
    J'aimerais changer cette image lors du clic sur l'element de la liste (qui par ailleurs deroule la liste grace a du javascript).

    Comment puis je le faire?

    Merci

    Florian

  2. #2
    Membre régulier
    Profil pro
    Inscrit en
    Août 2002
    Messages
    168
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2002
    Messages : 168
    Points : 123
    Points
    123
    Par défaut
    si tu souhaites changer l'image au clic, c'est l'évenement onclick="" de javascript qu'il faut étudier.

    avec CSS tu n'as que le hover (lorsque la souris est dessus et non le clic)

    Je te conseil de poster ta question sur le forum JS.

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Octobre 2004
    Messages
    44
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2004
    Messages : 44
    Points : 35
    Points
    35
    Par défaut
    Merci pour ta réponse, mais je sais que je dois gerer l'evenement en javascript, je le fais déjà.

    J'ai posté ici parceque j'utilise CSS pour spécifier ma puce.

    En fait, j'aimerais savoir comment faire interagir CSS et javascript.

    Florian

  4. #4
    Membre régulier
    Profil pro
    Inscrit en
    Août 2002
    Messages
    168
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2002
    Messages : 168
    Points : 123
    Points
    123
    Par défaut
    ah d'accord, excuse moi je n'avais pas saisi ta question.
    par contre pour meler CSS/JS je ne vois pas désoler.

    mais cette adresse devrais certainement t'aider :
    http://css.maxdesign.com.au/listamatic/

    regarde le lien :
    PureDom Nav

  5. #5
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Octobre 2004
    Messages
    44
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2004
    Messages : 44
    Points : 35
    Points
    35
    Par défaut
    J'ai réussi a faire ce que je voulais avec la propriété className des elements HTML.
    Mais je regarderai ton lien ça m'interesse.

    En tout cas merci.

    Florian

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

Discussions similaires

  1. impossible d'importer une puce (image)
    Par bleugrec dans le forum Mac OS X
    Réponses: 2
    Dernier message: 07/11/2012, 21h22
  2. [WD-MAC 2008] impossible d'importer une puce (image)
    Par bleugrec dans le forum Word
    Réponses: 0
    Dernier message: 07/11/2012, 11h06
  3. Réponses: 3
    Dernier message: 28/08/2007, 06h31
  4. [VB6] [Excel] Insérer une image dans une feuille
    Par mathias dans le forum VB 6 et antérieur
    Réponses: 7
    Dernier message: 09/10/2002, 07h44
  5. Changer l'image d'une texture
    Par alltech dans le forum DirectX
    Réponses: 5
    Dernier message: 21/08/2002, 01h31

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