Discussion :

[lodan]

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 :

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
<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 :

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

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

[Tdeny]

Bonjour,

Logiquement, ça peut se faire en javascript.
Reste à connaitre les détails et jusqu'où va cette liste.

[lodan]

Cela fonctionne aussi très bien en html avec des div.

Je penses qu'il faut juste changer quelque chose dans le nom de la class css pour éviter d'avoir autant de description css que de lignes.

Mais que faut-il changer ?