champs HTML, déplacer tout en bas de la page au chargement

**droliprane** · 19/10/2018, 09h52

Bonjour à tous,

je me sers d'un champs HTML pour charger les messages d'une conversation dans une appli de tchat.

J'ai choisi d'afficher les messages dans l'ordre chronologique de haut en bas, donc les derniers tout en bas...

Et je n'arrive pas, lorsque la page html est plus longue que le cadre qui la contient, à faire défiler automatiquement la page tout en bas.

Je pourrais opter pour la facilité en chargeant les plus récents en haut, mais ça me semble moins naturel...

Merci d'avance pour vos idées.

droliprane

**droliprane** · 19/10/2018, 10h01

je ne pensais pas que le champs html autoriserait l'emploi de javascript.

J'ai simplement rajouté un <body onLoad="window.scrollTo(0,document.body.scrollHeight);"> et c'est tout bon

**droliprane** · 19/10/2018, 14h58

Finalement, ça ne fonctionne pas.

Au delà d'une certaine longueur de page, le script Js positionne en milieu de page, sans que j'arrive à comprendre pourquoi.

Et je ne sais pas dans quelle mesure je peux intégrer du Js dans ma page html, ne sachant pas trop si le champs HTML de Windev peut gérer tout le DOM...

En attendant j'ai mis les messages récents en premier, mais ça me dérange

Si quelqu'un a une idée.....

merci

**Beeze** · 19/10/2018, 21h04

Bonjour,

as tu essayé ? :

Code JavaScript :

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

1
2
3
4
5
var body = document.body,
    html = document.documentElement;
 
var height = Math.max( body.scrollHeight, body.offsetHeight, 
                       html.clientHeight, html.scrollHeight, html.offsetHeight );

https://j11y.io/javascript/get-docum...cross-browser/

Mais le mieux est peut être, si tu as la possibilité d'utiliser :

Code JavaScript :

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

document.getElementById('bottom').scrollIntoView();

A condition de pouvoir mettre un footer avec une id bottom

**droliprane** · 22/10/2018, 10h20

ceci semble fonctionner :

Code JavaScript :

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

document.getElementById('bottom').scrollIntoView();

Merci !

champs HTML, déplacer tout en bas de la page au chargement

WinDev

Discussions similaires

Partager

Partager