[HTML,JS] Surligner des lignes au passage de la souris

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [HTML,JS] Surligner des lignes au passage de la souris

Kikoune

(¯`·._) Gentoo (¯`·._)

salut !

j'ai un tableau des plusieurs lignes

au passage de la souris je surligne la ligne ou la souris passe pour la faire ressortir

juske la tout va bien

les lignes du tableau vont deux par deux

ce que je voudrais faire c donc de surligner les lignes deux par deux... par exemple si je passe ma souris sur la ligne 1 ou la 2, ca surligne a la fois la 1 et la 2. si je passe sur la 3 ou la 4, ca surligne a la fois la 3 et la 4.

mais je vois po comment faire

edit: je v mettre des captures pour mieux comprendre

la c le tableau de base sans rien

quand je passe la souris sur la ligne du haut ca la surligne

idem celle du bas

moi je voudrais que quand je passe sois sur une du bas ou une du haut ca surligne les deux

Message édité par Kikoune le 23-07-2002 à 14:51:52

Publicité

mkracing66

Heu lu
je suis noob dans ce domaine pourrais tu me filer un petit bout de code montrant comment on fait pour ca......

Merci d avance :jap:

Kikoune

(¯`·._) Gentoo (¯`·._)

ouaip voici le code :

Code :

<TABLE>
<TR BORDER="0" CLASS="ligne0" onMouseOver="this.className='highlight'" onMouseOut="this.className='ligne0'">
...
</TR>
<TR BORDER="0" CLASS="ligne1" onMouseOver="this.className='highlight'" onMouseOut="this.className='ligne1'">
...
</TR>
<TR BORDER="0" CLASS="ligne0" onMouseOver="this.className='highlight'" onMouseOut="this.className='ligne0'">
...
</TR>
<TR BORDER="0" CLASS="ligne1" onMouseOver="this.className='highlight'" onMouseOut="this.className='ligne1'">
...
</TR>
<TR BORDER="0" CLASS="ligne0" onMouseOver="this.className='highlight'" onMouseOut="this.className='ligne0'">
...
</TR>
</TABLE>
avec les classes ligne0, ligne1 et highlight
.ligne0
{
background-color: ffffff
}
.ligne1
{
background-color: D8D8D8
}
.highlight
{
background-color: B1F1C5
}

donc la ca marche 1 par 1 les lignes

je voudrais que ca marche 2 par 2...

Kikoune

(¯`·._) Gentoo (¯`·._)

bon je v detailler un peu...

la c le tableau de base sans rien

quand je passe la souris sur la ligne du haut ca la surligne

idem celle du bas

moi je voudrais que quand je passe sois sur une du bas ou une du haut ca surligne les deux

gwen2709

pkoi tu ne mets pas tes deux lignes en kestion dans une seule et même TR composée d'un tableau à deux lignes....comme ça tu joueras sur la couleur de fond de cette TR ki agira sur le tableau composé de tes 2 nouvelles lignes

ex :

Code :

<table>
<tr BORDER="0" CLASS="ligne0" onMouseOver="this.className='highlight'" onMouseOut="this.className='ligne0'">
<table>
<tr>......</tr>
<tr>......</tr>
</table>
</tr>
<tr BORDER="0" CLASS="ligne0" onMouseOver="this.className='highlight'" onMouseOut="this.className='ligne0'">
<table>
<tr>......</tr>
<tr>......</tr>
</table>
</tr>
</table>

essaye toujours mais ça doit marcher

Message édité par gwen2709 le 23-07-2002 à 15:27:48

youdontcare

je suis pas sûr de piger ton code html ... enfin, pour toute balise tu as donc className pour le nom de sa classe css, nextSibling pour son prochain frère dans la hiérarchie, previousSibling pour son frère précédent.

eg

table
|_tr1
|_tr2

tr1.nextSibling == tr2,
tr2.previousSibling == tr1

donc pour 'surbriller' tr2 lors du hover de tr1, tu rajoute "this.nextSibling.className = 'laclassecss'"

Kikoune

(¯`·._) Gentoo (¯`·._)

youdontcare : yalah t un dieu je te venere pour quinze generation c trop fort ca merci bocoup

gwen : merci kan meme mais ca ne fonctionne pas, j'ai essayé et ca change bien le couleur de la ligne globale, mais le prolbème c que les lignes interne on des couleurs de fonds qui passe par dessus donc cela ne donne pas l'effet escompté

FORUM HardWare.fr

Programmation

HTML/CSS

[HTML,JS] Surligner des lignes au passage de la souris

Sujets relatifs
[HTML, JS] XHTML 1.0,XHTML 1.1, HTML 4.01, CSS2, XMLSS : que choisir ?	[HTML, JS] Heu, ca sert à quoi le HTML 4.01, à part renvoyer aux CSS2
[HTML et JS] Un menu qui s'affiche sur 2 frames à la fois...	[HTML,JS] ........HELP ME PLEASE Je vais devenir dingue...........
2 petites questions Html/php ou autres	[HTML, JS]Eviter l'effet mosaique sur une petite image ? [resolu]
Une page html dans un tableau?	HTML
PhP ou Html ou autre ? si on veut apprendre un truc pérène...	Redimensionner un tableau HTML en fonction d'un layer ??
Plus de sujets relatifs à : [HTML,JS] Surligner des lignes au passage de la souris

Page générée en 0.041 secondes