Mise surbrillance d'une ligne d'un tableau [Résolu]

pc75 · 19/08/2011, 11h19

Bonjour,

J'hésite entre ce forum et le forum HTML ?

Voila un extrait de mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
.....
Requete = "select id, age from MaTable order by id"
rs.open Requete, Dsn
<%if not rs.EOF then%>
<table align="center" border="0" width="60%">
       <tr>
           <td>
               <strong>
               <font face="arial" size="2" color="CornflowerBlue">
               ID
               </font>
               </strong>
           </td>
           <td>
               <strong>
               <font face="arial" size="2" color="CornflowerBlue">
               AGE
               </font>
               </strong>
           </td>
        </tr>
%>
do while not rs.EOF
%>
  <tr onMouseOver="this.bgColor='white'" onMouseOut="this.bgColor=''" <%if rs("AGE") >= 35 then Response.Write " style=background-color:#fafad2 "%>>
      <td>
         <%=rs("Id")%>
.....

Mon souci se situe sur la ligne en rouge.
Je souhaite afficher les lignes dont les ages sont supérieurs à 35 ans dans une couleur différente ; Ca, ça fonctionne.

Je souhaite, par ailleurs, afficher la ligne sur laquelle se trouve la souris avec un fond blanc. Le fond blanc s'affiche bien sauf sur les lignes supérieures à 35 ans.

Quelqu'un saurait me dire où j'ai fait une boulette ?

Merci.

tumoo · 19/08/2011, 14h55

Salut

Essaye

Code asp :

Sélectionner tout - Visualiser dans une fenêtre à part

<tr onMouseOver="this.bgColor='white'" <%if rs("AGE") >= 35 then Response.Write "onMouseOut=""this.bgColor='#fafad2'""" <%else Response.Write "onMouseOut=""this.bgColor=''""" end fi %> style=background-color:#fafad2 "%>>

Je suis pas sûr d'avoir bien compris ce que tu voulais faire donc si c'est pas ça, tu pourrais ré-expliquer stp ^^

pc75 · 19/08/2011, 15h35

Re,

Merci de t'intéresser à mon problème.

Rien de mieux qu'un exemple concret. J'ai remplacé en dur le test sur les ages par un test sur les valeurs de i.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<HTML>
<HEAD>
</HEAD>
<BODY bgcolor="#b9d3e4">
<table border="1" align="center">
<%for i = 1 to 20%>
	<tr onMouseOver="this.bgColor='white'" onMouseOut="this.bgColor=''" <%if i = 5 or i = 7 or i = 11 then Response.Write " style=background-color:#fafad2 "%>>
		<td>
		Valeur de la ligne <%=i%>
		</td>
	</tr>
<%next%>
</table>
</BODY>
</HTML>

Dans cet exemple, quand on déplace la souris sur les lignes du tableau, la couleur de fond change sauf pour les lignes 5, 7 et 11.

C'est peut être plus clair comme ça ?

tumoo · 19/08/2011, 15h51

C'est ton

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

style=background-color:#fafad2

qui pose problème

Mais je ne vois pas comment faire autrement pour ça. Je te tiens au courant si je pense à quelque chose.

pc75 · 19/08/2011, 16h36

Re,

Avec ce code, le principe recherché fonctionne, mais seulement après un premier survol sur les lignes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<HTML>
<HEAD>
</HEAD>
<BODY bgcolor="#b9d3e4">
<table border="1" align="center">
<%for i = 1 to 20%>
	<tr <%if i = 5 or i = 7 or i = 11 then Response.Write " onMouseOver=this.bgColor='white' onMouseOut=this.bgColor='#fafad2'" else Response.Write "onMouseOver=this.bgColor='white' onMouseOut=this.bgColor=''"%>>
		<td>
		Valeur de la ligne <%=i%>
		</td>
	</tr>
<%next%>
</table>
</BODY>
</HTML>

Ca avance, on va y arriver !

pc75 · 19/08/2011, 16h58

C'est bon, j'ai trouvé une solution un peu tordue, mais qui fonctionne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<HTML>
<HEAD>
</HEAD>
<BODY bgcolor="#b9d3e4">
<table border="1" align="center">
<%for i = 1 to 20%>
		<%if i = 5 or i = 7 or i = 11 then%>
			<tr bgcolor='#fafad2' onMouseOver=this.bgColor='white' onMouseOut=this.bgColor='#fafad2'>
		<%else%>
			<tr bgcolor='#b9d3e4' onMouseOver=this.bgColor='white' onMouseOut=this.bgColor='#b9d3e4'>
		<%end if%>
		<td>
		Valeur de la ligne <%=i%>
		</td>
	</tr>
<%next%>
</table>
</BODY>
</HTML>

jreaux62 · 19/08/2011, 19h49

Bonjour,
au cas où ca t'intéresse : ASP - Affichage de données dans un tableau HTML (en provenant d'un array ou d'une Base de Données)

roro06 · 22/08/2011, 10h47

Bonjour

Tu aurais pu régler très simplement ce problème en utilisant les styles CSS tr:hover

pc75 · 22/08/2011, 13h08

Citation:

Envoyé par roro06

Bonjour

Tu aurais pu régler très simplement ce problème en utilisant les styles CSS tr:hover

Mais encore ?

tumoo · 22/08/2011, 13h11

Citation:

Envoyé par roro06

Bonjour

Tu aurais pu régler très simplement ce problème en utilisant les styles CSS tr:hover

bah j'ai fait le test de mon côté et ça posait le même problème

roro06 · 22/08/2011, 14h15

Citation:

bah j'ai fait le test de mon côté et ça posait le même problème

Non. En définissant deux classes CSS nommées moinsde35 et plusde35, il suffit de créer le pseudo-format :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
tr.moinsde35:hover, tr.plusde35:hover
    {
    background-color : #abcdef;
    }

ça marche (en fait : c'est fait pour). Plus besoin de s'embêter avec javascript

tumoo · 22/08/2011, 14h22

Je pensais pas à ça comme ça ^^

19/08/2011, 14h55	#2
tumoo Membre expérimenté Développeur informatique Inscription : janvier 2011 Messages : 309 Détails du profil Informations personnelles : Sexe : Âge : 22 Localisation : France, Charente Maritime (Poitou Charente) Informations professionnelles : Activité : Développeur informatique Secteur : Industrie Informations forums : Inscription : janvier 2011 Messages : 309 Points : 550 Points : 550	Salut Essaye Code asp : Sélectionner tout - Visualiser dans une fenêtre à part <tr onMouseOver="this.bgColor='white'" <%if rs("AGE") >= 35 then Response.Write "onMouseOut=""this.bgColor='#fafad2'""" <%else Response.Write "onMouseOut=""this.bgColor=''""" end fi %> style=background-color:#fafad2 "%>> Je suis pas sûr d'avoir bien compris ce que tu voulais faire donc si c'est pas ça, tu pourrais ré-expliquer stp ^^
	00

19/08/2011, 15h51	#4
tumoo Membre expérimenté Développeur informatique Inscription : janvier 2011 Messages : 309 Détails du profil Informations personnelles : Sexe : Âge : 22 Localisation : France, Charente Maritime (Poitou Charente) Informations professionnelles : Activité : Développeur informatique Secteur : Industrie Informations forums : Inscription : janvier 2011 Messages : 309 Points : 550 Points : 550	C'est ton Code html : Sélectionner tout - Visualiser dans une fenêtre à part style=background-color:#fafad2 qui pose problème Mais je ne vois pas comment faire autrement pour ça. Je te tiens au courant si je pense à quelque chose.
	00

19/08/2011, 19h49	#7
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 993 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 993 Points : 5 786 Points : 5 786	Bonjour, au cas où ca t'intéresse : ASP - Affichage de données dans un tableau HTML (en provenant d'un array ou d'une Base de Données) __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	00

22/08/2011, 10h47	#8
roro06 Modérateur Inscription : avril 2007 Messages : 1 363 Détails du profil Informations personnelles : Âge : 42 Informations forums : Inscription : avril 2007 Messages : 1 363 Points : 1 546 Points : 1 546	Bonjour Tu aurais pu régler très simplement ce problème en utilisant les styles CSS tr:hover __________________ " La vie c'est quelque chose de très fort et de très beau.... La vie appartient a tous les vivants. It's both a dream and a feeling. C'est être ce que nous ne sommes pas sans le rester. La vie c'est mourir aussi....Et mourir c'est vraiment strong...c'est rester en vie au delà de la mort...Tous ceux qui sont morts n'ignorent pas de le savoir." (J.C. VanDamme, humoriste et philosophe belge . A moins que ce ne soit l'inverse ...) Chuck Norris comprend JC Van Damme.
	00

22/08/2011, 14h22	#12
tumoo Membre expérimenté Développeur informatique Inscription : janvier 2011 Messages : 309 Détails du profil Informations personnelles : Sexe : Âge : 22 Localisation : France, Charente Maritime (Poitou Charente) Informations professionnelles : Activité : Développeur informatique Secteur : Industrie Informations forums : Inscription : janvier 2011 Messages : 309 Points : 550 Points : 550	Je pensais pas à ça comme ça ^^
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email