Accueil > Forum > > > > Encore une questio sur les tr d'un tableau
Encore une questio sur les tr d'un tableau
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
|
<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....
|
|
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
|
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...
|
|
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
|
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.
|
|
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
|
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);" ...
|
|
|
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
|
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.
|
|
Cette discussion est classée 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
Suppression de lignes ajoutées, dans un tableau [ par ju0123456789 ]
Bonjour, Tout d'abord désolé si je ne suis pas dans le bon sujet. Ensuite, J'ai un tableau par défaut avec 3 lignes. J'ai créé un bouton qui en créé
afficher un tableau caché sur une image [ par lafrikyounes ]
bonjours dans mon code le tableau s affiche a l exterieur de l image mais moi je veux qu'ils affiche à l'intérieur de l image s'il vous plait aidez mo
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
Livres en rapport
|
Derniers Blogs
SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE !MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE ! par Vko
Hier durant une session dédiée aux Techdays 2012, j'ai eu le plaisir d'annoncer la sortie de la Béta 2 de Mishra Reader. C'est quoi ? Pour les utilisateurs, c'est une vraie expérience de lecture de flux RSS sur Windows. Rien à voir avec les produit...
Cliquez pour lire la suite de l'article par Vko
Logiciels
Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|