Afficher la derniere liste d'une liste

Fermé
thierryR51 Messages postés 139 Date d'inscription dimanche 5 juillet 2015 Statut Membre Dernière intervention 22 juin 2021 - 29 nov. 2015 à 17:39
thierryR51 Messages postés 139 Date d'inscription dimanche 5 juillet 2015 Statut Membre Dernière intervention 22 juin 2021 - 26 févr. 2016 à 11:58
Bonjour.
Au vu de ma difficulté je ne sais pas si je dois poster ici. Est ce HTML, PHP ou JS ?
Voici mon problème:

J'ai créé un formulaire OK
Dans ce formulaire figure une liste. OK
Mais cette liste peut être grande. J'ai donc crée un
<div style=" overflow:auto;width:100% ; height:500px ; border: #000000 1px solid;"> OK

Mais à chaque validation ma liste s'affiche par la 1ere ligne.

Peut-on avoir un affichage par défaut à la derniere?


Merci de vos lumières. J'espère être assez clair.
--

3 réponses

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
30 nov. 2015 à 11:05
Salut,

Au moins 2 solutions possibles :
1. Ajouter une ancre html sur le dernier élément de la liste et charger la page sur cette ancre : http://jsfiddle.net/dezjtaLk/1/

2. Utiliser javascript pour scroller automatiquement en bas de la div : http://jsfiddle.net/dezjtaLk/2/

Bonne journée
2
Milles excuses pitet je n'ai pas employé les bons termes pour exprimer ce que j'ai fait. Cette liste à été mise dans une <table> qui est elle même dans un
<div style=" overflow:auto;width:100% ; height:500px ; border: #000000 1px solid;">

et j'aurais aimé voir cette liste par la fin, c'est à dire par le dernier <td>

Donc je suppose également une fonction js.
Je vais essayer pour voir si ton exemple fonctionne dans mon application pour faire scroller la liste.
Je reviens.
0
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
1 déc. 2015 à 13:56
Le principe est le même pour un tableau. Dans l'exemple ci-dessus il suffit de remplacer la liste (ul) par un tableau (table).
0
Arf... Ça ne fonctionne pas. J'ai même essayé ceci.

<div onload= "this.scrollTop=this.scrollHeight" style=" overflow:auto;width:100% ; height:500px ; border: #000000 1px solid;">
0
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
1 déc. 2015 à 14:15
L'événement onload ne peut être appliqué uniquement sur les balises body, frame, iframe, img, input type="image", link, script ou style.
0
Merci de cette réponse aussi rapide. J'ai aussi essayé l'autre solution (HTML) Elle fonctionne sans problème.
Un grand merci en attendant.
0
Fonctionne presque car la validation simple du formulaire me le renvoie mais sans l'ancre. Je pense devoir forcer l'url par une fonction JS....
0
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
1 déc. 2015 à 15:48
Tu peux utiliser une fonction js sans soucis mais pas en utilisant l'événement onload sur une balise div. Utilise plutôt un fichier js externe ou une balise script :
document.addEventListener("DOMContentLoaded", function(event) { 
   var objDiv = document.getElementById("id-du-div");
    objDiv.scrollTop = objDiv.scrollHeight;
});
0
thierryR51 Messages postés 139 Date d'inscription dimanche 5 juillet 2015 Statut Membre Dernière intervention 22 juin 2021 8
26 févr. 2016 à 11:58
Merci Pitet. Ton aide est précieuse.
0