[AJAX] Descendre la scroll d'une pseudo frame

Version imprimable

17/04/2007, 15h21
dorian53

[AJAX] Descendre la scroll d'une pseudo frame

Bonjour,

La question se rapporte plus au DHTML qu'à l'AJAX.

Je souhaite descendre la scroll d'une pseudo frame (div overflow) tout en bas en Javascript.

J'ai testé scrollTo('objet-cache') et scrollTo(0, x) pour x il faudrait la taille du div que je n'ai pas, etc..

Est-ce possible ?

Merci.
17/04/2007, 15h26
SpaceFrog

scrollTop scrollLeft ...
17/04/2007, 15h39
dorian53

Tu peux m'en dire un peu plus ?
17/04/2007, 15h42
SpaceFrog

Code:

document.getElementById('mondiv').scrollTop="100px"
17/04/2007, 15h50
dorian53

Sans succès chez moi, Fx comme IE.

De plus je veux placer la scroll tout en bas, il me faut la taille du bloc qui est alimenté dynamiquement via AJAX.

J'ai pensé mettre une taille irréaliste, genre 100000000px mais ça ne fonctionne pas même avec 10px.
17/04/2007, 16h00
SpaceFrog

Code:

document.getElementById('mondiv').scrollTop=document.getElementById('mondiv').scrollHeight
17/04/2007, 16h09
dorian53

scrollTop ne fonctionne pas.

Petite bidouille, faire une ancre.
Ca fonctionne et ressemble au scrollTo('objet-cache') qui lui ne marche pas.
17/04/2007, 16h10
SpaceFrog

j'utilise couramment scrollTop qui fonctionne très bien ...

ne serait-ce que sur cette page pour arriver sur le bon produit de la page ...
http://www.sebemex.fr/Extramiante/Catalogue/index.htm
17/04/2007, 16h21
dorian53

1/
Je vois des ancres dans tes URL, ça me laisse perplexe.

scroll est une propriété de l'objet window, c'est peut-être l'une des raisons.

J'ai testé un cas simple : page vierge avec juste un div/scroll.
Un évènement onclick, sans résultat. Je suis preneur d'un exemple de ce type.

2/
Autre chose, dans ton source, tu as une balise <a> fermée seule ?

Code:

<td class="center" > <img src="CatalImages/BTT.jpg" onclick="document.getElementById('page2').scrollTop='0px';" style="cursor:pointer;height:20px;width:20px;" width="82" height="82" /></a></td>

1/ les ancres ne sont pas utilisée pour cela dans ce code ...

2/ un reste archéologique a exhumer et mettre au musée ...

3/ un petit exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
function populate(){
for (i=0;i<100;i++){document.getElementById('testscroll').innerHTML+="ligne "+i+"<br />"
}
}
</script>
</head>
 
<body onload="populate()">
<div id='testscroll' style="height:200px;overflow:auto;"></div>
<input type="button" onclick="document.getElementById('testscroll').scrollTop=document.getElementById('testscroll').scrollHeight" value="fin" />
 
</body>

17/04/2007, 16h45
dorian53

Ok pour ce cas là qui fonctionne aussi chez moi.

En revanche, si je reviens au cas de départ, celui là ne passe pas.

Code:

<input type="button" onclick="document.getElementById('testscroll').scrollTop='100px'" value="fin" />

Peu importe, je souhaite aller tout en bas, je vais prendre scrollHeight,

Merci pour ton aide.
17/04/2007, 16h48
SpaceFrog

oui je me suis fourvoyé avec le px ...

un scrollTop attend un integer => = 100