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

JavaScript Discussion :

coloration de ligne dans une table


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre chevronné
    Homme Profil pro
    Architecte Décisionnel
    Inscrit en
    Mai 2006
    Messages
    363
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Architecte Décisionnel
    Secteur : Conseil

    Informations forums :
    Inscription : Mai 2006
    Messages : 363
    Par défaut coloration de ligne dans une table
    bonjour a tous

    je suis actuellement en train de programmer un script PHP d'interrogation d'une base de données mysql

    j'affiche un beau tableau avec le contenu de ma base, donc pour le PHP pas de problèmes, le problème vient du fait que je cherche a inclure une coloration de la ligne que la souris survole, un peu comme dans PHPMyAdmin pour ceux qui connaissent

    n'ayant pas trouvé de réponses a ma question dans les FAQ et les sources proposées sur le site, je m'en remet a vos lumières

    merci d'avance

  2. #2
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    de ce style :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    tr:hover
    {
    background-color: #FF0000;
    }
    du css et non du js

    Comme c'est la ligne que tu veux j'ai donc mis pour le tr

  3. #3
    Membre chevronné
    Homme Profil pro
    Architecte Décisionnel
    Inscrit en
    Mai 2006
    Messages
    363
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Architecte Décisionnel
    Secteur : Conseil

    Informations forums :
    Inscription : Mai 2006
    Messages : 363
    Par défaut
    je ne demande pas comment mettre une couleur dans une ligne, ca je sait le faire, ce que je demande c'est de modifier la couleur de la ligne survollée par la souris

  4. #4
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Fallait préciser que c'était pas le background mais plutot la couleur de la police

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <script language="javascript">
    function change2(id)
    {
     
    document.getElementById(id).style.color='#FF0000';
    }
    </script>
    <table border="1" width="100%">
    <tr id='tr1' onmouseover="change2(this.id)"><td>test</td><td>test</td></tr>
    <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
    <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
    </table>
    et pour info tr:hover c'est le survol du tr et non la coloration du tr si c'est le background que tu veux...Si c'est uniquement le texte c'est le code plus haut

  5. #5
    Membre chevronné
    Homme Profil pro
    Architecte Décisionnel
    Inscrit en
    Mai 2006
    Messages
    363
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Architecte Décisionnel
    Secteur : Conseil

    Informations forums :
    Inscription : Mai 2006
    Messages : 363
    Par défaut
    bon, je croit que j'ai mal expliqué

    j'ai une table contenant une ligne par enregistrement dans ma base de données (le background de cette ligne est bleu ciel la police est noire), ce que je cherche a faire c'est que la ligne change de background lorsque la souris la survole

    pour donner un exemple, ce genre de chose existe dans phpMyAdmin, quand on regarde le contenu d'une table de la base de données

  6. #6
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    au risque de me répéter ce que tu demandes est exactement ce que je te donne :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     tr:hover
    {
    background-color: #FF0000;
    }
    plus de détail :
    tr : ligne de la table
    hover : sur le survol (lorsque la souris est dessus) meme chose que pour le <a>

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

Discussions similaires

  1. Créer une ligne dans une table (en 1ere position)
    Par lipao17 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 12/12/2005, 11h09
  2. Réponses: 14
    Dernier message: 22/09/2005, 16h49
  3. Ajout/Suppression dynamique des lignes dans une table
    Par codexomega dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 13/08/2005, 18h50
  4. Réponses: 8
    Dernier message: 20/06/2005, 15h10
  5. N° de ligne dans une table triée ?
    Par andremarco dans le forum Langage SQL
    Réponses: 6
    Dernier message: 24/06/2004, 17h19

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