Discussion :

[pc75]

Bonjour,

J'affiche des données dans un tableau (<table>...</table> à l'aide d'une boucle.
J'ai une div cachée que je rends visible quand on clique une une ligne du tableau pour faire de la saisie.
Mon problème est que ma liste peut contenir des dizaines de lignes et que si je clique sur une ligne après avoir scrollé plusieurs pages, ma div s'affiche ben, mais en début de liste. Je suis obligé de "jouer de l'ascenseur pour faire ma saisie.
Est-il possible qu'elle s'ouvre en fonction de la position de l'ascenseur ?

Merci.

[SpaceFrog]

cf. scrollTop(), scrollTo()

[pc75]

Merci, mais j'ai essayé sans résultat.
Mon erreur est où ?

Le code de ma page :

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
<table>
<tr onclick="Saisie(1)">
<td>
Ligne1
</td>
</tr>
.....
<tr onclick="Saisie(100)">
<td>
Ligne100
</td>
</tr>
</table
 
<div id="Saisie"style="cursor:move; display:none; border-width:2px; border-style:solid; top:250px; left:500px; position:absolute; background-color:lightgrey;">
	<table align="center" width="100%" border="2">
		<tr>
			<td bgColor="#8db4e2">
				<font face="arial" size="2" color="white">
				<strong>
				<input type="text">
				</strong>
				</font>
			</td>
		</tr>
	</table>
</div>

Et le javascript :

Code :

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

1
2
3
4
5
function Saisie(Compteur)
{
document.getElementById("Saisie").style.display = "block";
document.getElementById("Saisie").scrollTo(0, 500);
}

[SpaceFrog]

ton div n'a pas d'overflow

[pc75]

Re,

Même en ajoutant un overflow:auto ou un overflow:scroll, la div s'ouvre en début de liste.

[SpaceFrog]

tu lui a mis un height ?

[pc75]

Re,

J'ai testé en mettant un height.

Code :

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

1
2
 
<div id="Saisie" style="overflow:auto; height:200; cursor:move; display:none; border-width:2px; border-style:solid; top:250px; left:500px; position:absolute; background-color:lightgrey;">

J'ai testé aussi scrollTop, mais la div s'ouvre toujours en début de ma liste.

[pc75]

A force de faire des essais, j'ai adopté cette solution dans mon javascript :

Code :

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

1
2
3
 
var Position = document.body.scrollTop;
document.getElementById("Saisie").style.top = Position + 100;

Je ne sais pas si c'est dans les règles de l'art, mais ça fonctionne sans overflow et sans height.

[SpaceFrog]

rien à voir avec le scroll ... tu joues avec la positon de l'element, pas avec le scroll !

[pc75]

Je pense que ma question initiale était assez claire ; Je me suis peut-être trompé.

Merci quand même.

[SpaceFrog]

Sauf que tu fais exactement le contraire de ce que tu as demandé, tu ne déplace pas le scroll de la zone amener en zone visible ce que tu souhiates voir, tu deplaces l'objet lui même.
L'essentiel est que le résultat final te convienne ...