Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
19 août 2010 4 19 /08 /août /2010 00:22

Sous FF, les flêches suivent le défilement de la page et permettent de monter et de descendre quelle que soit la position dans la page
Sous IE, les flêches restent en bas et permettent de remonter.

Collez en mode source/HTML du pied de page

<div align="right" style="position: absolute; width: 325px;" id="divStayBottomLeft"><a href="javascript:scroll(0,0)" title=" haut de page "><img width="14" vspace="0" hspace="0" height="9" border="0" src="http://www.casimages.com/img/gif/07090701043862651176718.gif" alt=" fleche haut " /></a><br />
<a href="javascript:scroll(0,40000)" title=" bas de page "><img width="14" vspace="0" hspace="0" height="9" border="0" src="http://www.casimages.com/img/gif/07090701040762651176712.gif" alt=" fleche bas " /></a></div>
<script type="text/javascript">
function JSFX_FloatBottomLeft()
{
var startX = 10, startY = 50;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
return el;
}
window.stayBottomLeft=function()
{
var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
fblObj.y += (pY - startY - fblObj.y)/8;
fblObj.sP(fblObj.x, fblObj.y);
setTimeout("stayBottomLeft()", 40);
}
fblObj = ml("divStayBottomLeft");
stayBottomLeft();
}
JSFX_FloatBottomLeft();
</script>


width: 325px : la distance à partir de la gauche du blog pour positionner les flêches

http://www.casimages.com/img/gif/07090701043862651176718.gif est l'adresse de la flêche vers le haut


http://www.casimages.com/img/gif/07090701040762651176712.gif est l'adresse de la flêche vers le bas



J'ai mis ce script en mode source de cet article, vous devriez voir les flêches entre les modules et la colonne des articles
 fleche haut
 fleche bas

Partager cet article

Repost 0
Published by Anna K - dans Archives
commenter cet article

commentaires

Florence 22/04/2009 22:44

Merci. Je me suis permis de le reprendre tel quel...en attendant que je trouve (ou que je sache faire) des petites images de flèche moi-même !
:-))
F.

Jean Michel 17/03/2008 09:09

Génial cette astuce AnnaK je viens de l'installer sur article long ( 5 logiciels pour courrier electronique )  sur ce genre d'article ce script est vraiment un + j'espère que tu as passé un bon dimanche et un bon ciné !!Bon début de semaine gros bisous :)

miriel :0091: 17/03/2008 07:42

juste un petit coucou Anna....et un gros bisouuuuuu