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 :

[CSS] Définir un évènement dans un CSS


Sujet :

CSS

Vue hybride

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

    Informations forums :
    Inscription : Mai 2002
    Messages : 85
    Par défaut [CSS] Définir un évènement dans un CSS
    J'ai hésité sur le forum à contacter, mais finalement, c'est bien pour du CSS que je me pose la question.

    Je souhaite indiquer dans mon fichier CSS quelle fonction javascript enclencher sur un évènement. C'est à dire, par exemple, que pour toutes mes classes classImg, sur un onMouseOver, je lance la fonction vPopUp();...

    Si vous voyez ce que je veux faire, est-ce possible, et comment :

    Merci!

  2. #2
    Membre éclairé Avatar de a028762
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2003
    Messages
    419
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Retraité

    Informations forums :
    Inscription : Décembre 2003
    Messages : 419
    Par défaut Une bêtise ?
    Je vais peut-être dire une bêtise mais le CSS décrit des éléments ... CSS
    Si tu veux faire activer un évènement vers une classe d'éléments, ce n'est pas à CSS de le dire..
    Cherche du côté de DOM peut être ... c'est bien à Javascript de faire quelquechose ...

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    85
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 85
    Par défaut
    C'est pas une bêtise, je m'attendais à une remarque de ce genre... mais je ne savais pas comment la prévenir ...( )
    C'est claire que la fonction exécutée à l'évènement, elle sera écrite en javascript. Mais est-il possible de ne pas mettre sur tous mes éléments (genre img) un onMouseOver, onMouseOut, ... et préciser (quelle fonction exécuter) ces onMouseOver... dans un CSS.

    Je ne sais pas si c'est plus clair : :

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Laisse le css en dehors de ça !
    au mieux le css reconnait le hover pour la balise a sous IE et quelques autres pour les autres naviagteurs.
    Et tu ne pourras au mieux que changer le style sur le hover et pas delcencher une fonction ...

    Tu peux ecrrire une petit script en javascript qui assignera la fonction à tous les onclick des objets que tu veux de la page ...

    sur quels objets veux tu attribuer la fonction ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre expérimenté Avatar de fred777888999
    Profil pro
    Inscrit en
    Mars 2005
    Messages
    250
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2005
    Messages : 250
    Par défaut
    +1
    L'interet du css est de differencier le contenu (page XHTML ou HTML) de la presentation (feuille de style).
    Si tu commence a mettre de la prog dans ton css (heureusement, ce n'est pas prevu pour ca) alors ta feuille de style ne sert plus a rien...

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    85
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 85
    Par défaut
    Bon, ça confirme ce que je ne voulais pas accepter concernant les CSS
    Tant pis, je me taperai des onMouseOver de partout!

    Merci à tous, et bon code 8)

  7. #7
    Invité
    Invité(e)
    Par défaut
    pas besoin de se les retapper de partout !
    Un simple objet_element.onmousover=une_fonction te permet de lancer la fonction automatiquement pour un onmousover sur ton element touché par le objet_element (si tu as fait un peu de javascript tu devrais voir de quoi je parle )

  8. #8
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    j'ai proposé plus haut un script qui peuple les balises avec le onmouseover dans une boucle soit avec le .onmouseover=fonction soit avec un setAttribute de façon à faire un truc multibrowser ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  9. #9
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    85
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 85
    Par défaut
    Citation Envoyé par SpaceFrog
    j'ai proposé plus haut un script qui peuple les balises avec le onmouseover dans une boucle soit avec le .onmouseover=fonction soit avec un setAttribute de façon à faire un truc multibrowser ...
    Qu'entends-tu par "plus haut"

  10. #10
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Citation Envoyé par SpaceFrog"
    Tu peux ecrrire une petit script en javascript qui assignera la fonction à tous les onclick des objets que tu veux de la page ...

    sur quels objets veux tu attribuer la fonction ?
    plus haut dans le thread ....

    je m'attendais à ce que tu me dises sur quels objets afin que je te file un bout de code ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

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

Discussions similaires

  1. [CSS 3] Définir une couleur pour pouvoir la rappeller dans le CSS
    Par pascal B dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 26/03/2015, 16h46
  2. Définir des événements dans une classe
    Par Masmeta dans le forum Windows Forms
    Réponses: 5
    Dernier message: 29/04/2008, 17h41
  3. définir une hauteur de table dans un css avec ie et mozilla
    Par regis68 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 17/01/2006, 22h28
  4. définir la position dans un css
    Par pascal67 dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 15/01/2006, 16h38
  5. CSS Ajout de<br> dans un paragrap.<p> apres vali
    Par Jfrancois57 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 28/04/2005, 13h55

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