Toujours être en bas de page

Version imprimable

09/03/2009, 15h23
Scots

Toujours être en bas de page

Bonjour,

Comment peut-on faire pour toujours avoir le bas de page à l'écran ?

Je m'explique :

J'ai une page sur laquelle j'ajoute des blocs les uns sous les autres et je voudrais que lors de l'affichage d'un bloc, j'ai ce dernier à l'écran et que je ne revienne pas en haut de page.

Merci de votre aide.
09/03/2009, 15h28
Poulpynette

Tu veux un footer fixé en bas du navigateur ? (si oui c'est pas terrible esthétiquement mais bon :roll:)
09/03/2009, 15h34
Scots

Non, pas du tout.

C'est un formulaire. J'ai un bloc, quand je clique sur suivant, j'ajoute un bloc dessous, etc.

Forcément, au bout d'un moment le bloc suivant disparait en bas de l'écran au refresh.

Je voudrais donc être en bas de page pour le faire apparaitre au lieu de revenir en haut de page.
09/03/2009, 15h38
Ethyde

Bah bien fait et suivant le design du site ca peut quand même être sympa :

Under the sea! sur Zengarden

Pour répondre à l'auteur il faudrait regarder la css #extraDiv2 ;)
09/03/2009, 15h41
Poulpynette

Oui là d'accord je comprends mieux. C'était pas très clair le premier coup ;)

Citation:

Envoyé par Ethyde

Bah bien fait et suivant le design du site ca peut quand même être sympa

Oué mais il est rare que ce soit le cas malheureusement ...
09/03/2009, 15h42
Scots

Merci :)

Personne n'aurait un lien ou un exemple ?
09/03/2009, 15h56
Obsidian

Citation:

Envoyé par Scots

Je voudrais donc être en bas de page pour le faire apparaitre au lieu de revenir en haut de page.

Tu peux essayer de donner le focus aux éléments de ton dernier bloc, ce qui devrait peut-être pousser le navigateur à les ramener en zone visible. Si ce n'est pas le cas, utilise window.scrollTo(), par exemple, pour faire défiler la page jusqu'en bas.
09/03/2009, 16h04
Scots

Le focus ne fonctionnnant pas, je vais faire des recherches sur ta fonction.

hummmmmfff ...
C'est en pixel ...

Pas moyen de dire "Bottom" ?
09/03/2009, 20h59
12monkeys

Bonsoir

Essaye en utilisant une ancre placée au bas de la page, si tu utilises un formulaire, tu peut renvoyer vers l'ancre à chaque validation du formulaire :

Code:

<form method="..." action="nom_page_courante.php#ancre">

Hello,

L'ancre ne fonctionnant pas, j'ai trouvé ma solution en JS :

dans le head :
Code:

1 2 3 4 5 6 7 <script language="JavaScript" type="text/javascript"> var i = setInterval('EnBas()', 5); function EnBas() { document.documentElement.scrollTop = document.documentElement.scrollHeight; } </script>
et un div encadre ma page :

Code:

<div onload="clearInterval(i);EnBas();">

Ca fonctionne impec, ça me convient parfaitement.

Je vous donne ça et vous remercie de votre aide.

@+

10/03/2009, 09h41
Poulpynette

N'oublie pas les balises "code" quand tu mets du code dans tes posts, c'est plus lisible ;)
10/03/2009, 15h59
Scots

Oups pardon désolé. :)
10/03/2009, 16h36
Obsidian

Citation:

Envoyé par Scots

Oups pardon désolé. :)

Tu peux également ré-éditer ton message pour le corriger ou ajouter ce qu'il manque, en cliquant sur le bouton http://www.developpez.net/forums/ima...ttons/edit.gif en bas et à droite de ton commentaire.
10/03/2009, 17h25
keskidi

Je dois dire que j'ai pas compris, si

Citation:

C'est un formulaire. J'ai un bloc, quand je clique sur suivant, j'ajoute un bloc dessous, etc

c'est du javascript, non ? Dans ce cas en même temps que tu ajoutes ton bloc, tu peux faire un self.scrollBy(0,y) de la taille que tu viens d'ajouter ou ta fonction EnBas(), ça me semble plus sain que d'empêcher l'internaute d'utiliser sa barre de défilement, si il a envie de voir ce qu'il y avait plus haut (genre : qu'est-ce que j'avais mis, déjà ?), d'autant qu'un setInterval de 5 millisecondes, ça risque de faire ramer l'ordinateur.