CSS - Plusieurs fenêtres d'informations sur un formulaire en liste
Bonjour,
J'ai un formulaire sur lequel j'affiche une ligne par enregistrement et pour chaque ligne je veux afficher au passage du pointeur une fenêtre de renseignement complémentaire.
J'ai fait ceci
Code:
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
| <table>
<tr>
<td class='t_cell'><a href="#pop2" class="pop">
<div id="pop2">
<h1>Information</h1>
<div id="popcontenu">
<p>Type de mesure : <b>Test 1</b>
<p>Tribunal d'ouverture : <b>Tribunal d'Instance</b>
<p>Date : <b>00/00/0000</b>
</div>
</div>
Traitement 1</a></td>
</tr>
<tr>
<td class='t_cell'><a href="#pop2" class="pop">
<div id="pop2">
<h1>Information</h1>
<div id="popcontenu">
<p>Type de mesure : <b>Test 2</b>
<p>Tribunal d'ouverture : <b>Tribunal d'Instance</b>
<p>Date : <b>00/00/0000</b>
</div>
</div>
Traitement 2</a></td>
</tr>
</table> |
Avec comme CSS
Code:
1
2
3
4
5
6
7
8
9
| #pop2 {
position: absolute;
display:none;
width: 50em;
border: 3px double black;
background: #f5f5dc;
z-index: 500;
font-size: 80%;
} |
Je vois très bien le contenu lors du passage de mon pointeur, mais je vois toujours le même contenu.
Normal, mon "href" est toujours le même, donc il va toujours me présenter le 1er.
Donc, j'ai changé le 2ème "href" en "#pop3" et là je perds ma fenêtre puisque c'est le CSS qui lui n'a pas de "#pop3".
Comme je peux avoir "n" enregistrements affichés sur mon formulaire, il faut que je fasse "#pop'n'", la valeur de "n" variant en fonction d'un N° de ligne par exemple.
Comment dois-je faire pour mon CSS et m'arranger pour qu'il suive la variation de "#pop'n'".
Merci d'avance
