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

jQuery Discussion :

Appliquer css sur une ligne précise d'un tableau


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2021
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2021
    Messages : 8
    Par défaut Appliquer css sur une ligne précise d'un tableau
    Bonjour à tous,

    Je ne sais pas si je me trouve dans la bonne rubrique mais j'aurais besoin de vos connaissances.

    Je travaille sur un tableau créé en html, php / mysql. Et ce que je souhaiterais faire est un script qui permette d'appliquer une propriété css à une ligne précise car elle contient une donnée dans une cellule.

    Pour illustrer mon propos, un exemple :

    Nom Prénom Age Test
    Snoop Dogg 50 Test
    Tupac Shakur 47 Test
    Notorious BIG 48 Test
    Tupac Shakur 47 Test


    J'aimerais faire un script qui fasse cette action : sur chaque ligne où "Shakur" apparait, appliquer une propriété css par exemple {font-weight:bold;} sur le mot Test de la même ligne.

    Après de nombreuses recherches sur google, déjà je ne trouve pas comment déjà cibler une donnée d'une cellule.
    Cela fait plus d'une semaine que je cherche. Encore une fois je ne sais pas si je suis à la bonne rubrique ou si une autre technologie permet de faire ce que je recherche.

    Merci pour votre aide qui sera précieuse.

  2. #2
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 666
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 666
    Par défaut
    ce qui se fait habituellement est de mettre une classe css sur les balises "tr".
    ainsi vous pouvez cibler la case dont vous parlez avec un sélecteur .shakhur .test par exemple.

  3. #3
    Nouveau membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2021
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2021
    Messages : 8
    Par défaut
    Merci Mathieu. J'ai oublié de préciser que le tableau comporte des milliers de lignes. Du coup, j'ai du mal à visualiser comment je pourrais faire le script et la condition.
    Vous me conseillez jquery, javascript ou un autre langage pour faire la condition avec le css ?

  4. #4
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 666
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 666
    Par défaut
    oh désolé, je pensais qu'on était sur le forum css. ma 1re réponse reste quand même valable mais il manque des morceaux pour tout accrocher ensemble.

    quand vous dites que vous voulez faire cela en jquery, c'est parce que vous n'avez pas toutes les informations au chargement la page ? donnez nous plus de détails sur ce que fait cette page.

  5. #5
    Nouveau membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2021
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2021
    Messages : 8
    Par défaut
    La page présente un tableau alimenté dynamiquement par une base de données sql, et il a été créée à l'aide d'une bibliothèque php qui s'appelle xcrud.
    Le tableau vient afficher les données qui ont été enregistrés dans la base de données.
    Je ne souhaite pas forcément utiliser jquery, n'étant pas très doué, je cherche un moyen de faire une condition facilement en manipulant les données inscrites sur le tableau.
    Je voudrais faire un code qui ressemble grossièrement à ça dans l'idée : if(nom = Tupac && age == 47){this.row[test].css(font-weight:bold}

    Ce code c'est du charabia, il n'est pas bon mais c'est pour vous donner une idée de ce que j'aimerais.

  6. #6
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 666
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 666
    Par défaut
    vous pouvez essayer cela : $("td.nom:contains('Tupak')").closest("tr").find("td.case_test").
    la 1re partie va chercher le texte dans le contenu. ensuite "closest" cherche la ligne parente et enfin "find" cherche la case dans la ligne.

    vous pouvez regardez là pour plus d'informations sur les sélecteurs :
    https://api.jquery.com/category/sele...lter-selector/

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

Discussions similaires

  1. [Toutes versions] Positionnement sur une ligne précise dans un formulaire
    Par Didier L dans le forum Contribuez
    Réponses: 3
    Dernier message: 28/10/2015, 13h21
  2. Couper un fichier sur une ligne précise
    Par boobz79 dans le forum Shell et commandes GNU
    Réponses: 2
    Dernier message: 05/09/2013, 11h07
  3. [Dbgrid] Pointer sur une ligne précise
    Par Nzs26 dans le forum Bases de données
    Réponses: 8
    Dernier message: 11/02/2008, 08h41
  4. Une macro à faire sur une ligne précise
    Par JPDU92 dans le forum VBA Word
    Réponses: 5
    Dernier message: 31/01/2008, 12h13
  5. [HTML] Se placer à une ligne précise dans un tableau
    Par seb55555 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 28/10/2004, 15h06

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