Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : Encore une questio sur les tr d'un tableau [ CSS / Général ] (Slyders)

jeudi 28 août 2008 à 15:30:53 | Encore une questio sur les tr d'un tableau

Slyders

Bonjour,
voila j'ai un tableau et quand je passe la souris sur une ligne celle ci passe en mauve SAUF le liens <a> ...
Comment je peu faire pour qu'il se colorise aussi ?

<table summary="" border="0">
    <tr onMouseOver="style.color='#AB0140';" onMouseOut="style.color='#000000';">
        <td>Test de trucmuche <a class="info" href="#">"Toto"</a></td>
        <td>test2emechamp</td>
    </tr>
    <tr onMouseOver="style.color='#AB0140';" onMouseOut="style.color='#000000';">
        <td>2emeligne</td>
        <td>2emechamp</td>
    </tr>
</table>


Merci d'avance de vos réponses.

jeudi 28 août 2008 à 16:07:02 | Re : Encore une questio sur les tr d'un tableau

bultez

Membre Club
<tr onMouseOver="document.getElementById('toto').style.color=this.style.color='#AB0140';"
            onMouseOut="this.style.color='#000000';">
        <td>Test de trucmuche <a  id="toto" href="#">"Toto"</a></td>
        <td>test2emechamp</td>
    </tr>
mais on doit bien pouvoir faire uniquement en css....

CordialementBul[mon Site][M'écrire]

jeudi 28 août 2008 à 16:24:04 | Re : Encore une questio sur les tr d'un tableau

Slyders

En effet ça marche mais le fait de lui donner une id fixe fait que si je trie mes colonnes en JS il ne modifie pas le tr :x du coup une fois trier sa surligne ma liens 12 quand je suis sur la 3 XD

jeudi 28 août 2008 à 16:35:32 | Re : Encore une questio sur les tr d'un tableau

bultez

Membre Club
bah... on retrouve là où l'on est dans un tableau
avec rowIndex ( et cellIndex )
     suivi d'un petit coup de getElementsByTagName ou firstChild...
     ou autre chose du dom et ça le fait.
mais en css faut tester
un tr:hover { color:#rrggbb; }  qui modifierait le <a> en cause...
Cordialement     Bul   [mon Site] [M'écrire]

jeudi 28 août 2008 à 16:43:38 | Re : Encore une questio sur les tr d'un tableau

Slyders

j'avais deja essayer tr:hover { color:#AB0140; }  ça marche pas...

faut que je teste avec les indexes.

jeudi 28 août 2008 à 16:51:22 | Re : Encore une questio sur les tr d'un tableau

bultez

Membre Club
le css c'est trop nébuleux pour moi,
mais un truc du style : tr:hover > a {....}
avec this.rowIndex puis retrouver la balise <a> ça ne peut que marcher.
CordialementBul[mon Site][M'écrire]

jeudi 28 août 2008 à 17:08:52 | Re : Encore une questio sur les tr d'un tableau

Slyders

Bon ok je récupère mon numéro de ligne par this.parentNode.rowIndex
bon je verrai la suite demain, c'est quand même un peu compliqué de passer par ça :x

vendredi 29 août 2008 à 05:45:45 | Re : Encore une questio sur les tr d'un tableau

bultez

Membre Club
Réponse acceptée !
>> c'est quand même un peu compliqué de passer par ça
je ne dirais pas "compliqué", mais surtout comment faire autrement ?
mon foie, je ne vois pas sur le coup....
par exemple :
    function trt(ligne)
    {    ligne.parentNode.parentNode.rows[ligne.rowIndex].cells[0].getElementsByTagName("a")[0].style.color=
        ligne.style.color='red';
    }
...
<tr    onmouseover="trt(this);" ...

Cordialement     Bul   [mon Site] [M'écrire]

vendredi 29 août 2008 à 09:24:24 | Re : Encore une questio sur les tr d'un tableau

Slyders

Cool merci, j'ai un peu adapté pour prendre en compte le onMouseOut et sa donne ça :

function action(ligne)

   {    ligne.onmouseout = function(){ligne.parentNode.parentNode.rows[ligne.rowIndex].cells[0].getElementsByTagName("a")[0].style.color = ligne.style.color='black';}

        ligne.parentNode.parentNode.rows[ligne.rowIndex].cells[0].getElementsByTagName("a")[0].style.color = ligne.style.color='red';

    }   



vendredi 29 août 2008 à 10:03:41 | Re : Encore une questio sur les tr d'un tableau

bultez

Membre Club
woui woui...
je ne t'avais montré que le mouseover, le mouseout s'en déduisant "facilement"
   avec un bête évênement sur une balise ( plus à la mode ;o),
   je plaisante, ligne.????=function() est probablement plus adapté à ton cas.
Cordialement     Bul  [mon Site] [M'écrire]



Cette discussion est classé dans : tableau, passe, tr, questio


Répondre à ce message

Sujets en rapport avec ce message

problème tableau [ par chamallow ] Bonjour,J'aimerais savoir comment on passe un tableau en javascript. En fait je sais faire, mais la variable (le tableau) est déclaré en php, et est p title d'un tr dans un tableau [ par Slyders ] Bonjour,Je voudrais afficher un titre dans une ligne de mon tableau et afficher sa un peu comme une carte (plusieur ligne).mais \n ou ou ne marche p Probléme script javascript (Ajax) [ par skylin3 ] Bonjour,Depuis plusieurs heures je cherche mon probléme mais je ne trouve pas :sEn gros je suis en train de faire un template en javascript qui récupé Exporter un tableau contenu dans une page html vers un document text [ par chezeu ] J'ai un tableau contenu dans une page html. Je voudrais exporter ce tableau vers un document text à partir d'un bouton.N'y a t'il pas une fonction qui Drag and drop dans un tableau HTML [ par dedeisep2 ] Javascript : addition du contenu de 2 champs (2 chiffre à virgule) [ par sakura151 ] Bonjour,Débutante en javascript, je n'arrive pas à calculer mon total global (id="total_achat"), pouvez-vous me donner un coup de pouce ?JS:function c Créer cellule td dans un tableau html [ par mike1310 ] Bonjour,J'ai un probleme de compatibilité entre IE et Mozilla (le truc super rare !!! ).Mon probleme lors d'un clic, sur un bouton, je dois pouvoir aj Recuperer la valeur d'un champ d'une ligne d'un tableau [ par kam81 ] Bonjour,En réalité je m'interesse au developpement web avec java et precisement avec le framework JSF.J'ai un tableau dynamique (liste de fournisseurs Cookies en JavaScript, lecture cookies dans tableau php [ par Const4ntine ] Bonjour,N'étant pas satisfait du panier Paypal, je recherche à faire mon propre panier.Mon site est pour la plus part en .html, et je souhaite garder Exporter un tableau vers Excel [ par chezeu ] Merci pour le code mais la fonction ne s'execute pas chez moi. Qu'est qu'il faut faire? y'a t'il quelque chose à faire sur le tableau. SVP j'attend vo


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Téléchargements



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,265 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.