Bonjour tlm,

J'ai un petit souci dont g mis presque deux heures a faire ça et ça et toujours pas de resultat;donc voila mon souci : je veux faire un petit script avec jquery qui me permet d'afficher une flèche (qui est déjà display:none)tout en bas de la page lorsque je la défile.
NB:Cette fleche me permet de retourner en haut de la page.

j'ai essayer plusieurs fois,je suis juste arrivé a ce coe qui ne reagit meme pas

Merci d'avance.

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et urna in erat tristique rutrum. Curabitur pretium nibh sit amet ante auctor eu posuere justo lacinia. Nulla facilisi. Curabitur quis quam risus, vel ultricies sem. Proin quis faucibus est. Donec non nulla ac mi consequat adipiscing non eu purus. Sed posuere erat et lacus euismod commodo. Suspendisse potenti. In sed vehicula justo. Praesent consequat nisi quis magna vestibulum ultricies. Praesent at eros sapien, et gravida tellus. Donec vel lorem quis tortor venenatis rhoncus. Cras venenatis pretium porttitor. Integer pulvinar, risus at blandit ultrices, est nisi varius libero, nec blandit tellus arcu consequat augue.

Nam consectetur mauris viverra enim ornare dictum. Suspendisse potenti. Phasellus ligula turpis, placerat ac rutrum ut, pulvinar id tellus. Quisque tristique quam eu mauris ullamcorper ac viverra urna scelerisque. Quisque ac nulla quam, in lobortis sapien. Aenean id sapien sed quam ultricies viverra sit amet eget nisl. Integer condimentum malesuada arcu quis posuere. Fusce at erat elit. Donec ornare, elit non convallis tempor, diam nisi tristique dui, ac posuere nisl velit ac sem. Nunc sapien eros, posuere ut vulputate a, vehicula a magna. Aenean adipiscing leo et justo mollis gravida.

Nunc et interdum felis. Nam nec tincidunt tellus. Praesent euismod lectus ut erat lacinia quis adipiscing diam eleifend. Mauris id libero ut nisi eleifend tincidunt cursus sit amet magna. Nunc imperdiet bibendum urna, at iaculis dolor tempor eu. Etiam ante massa, mattis varius iaculis et, lacinia pellentesque sem. Nam eget velit dolor, in commodo arcu. Quisque eros dolor, tincidunt id congue mattis, dignissim ac nibh. Sed consectetur venenatis placerat. Mauris rutrum, nunc nec pulvinar ornare, erat dolor auctor enim, vitae lacinia quam nunc et odio. Praesent risus orci, egestas vitae convallis sit amet, placerat vitae quam. Aliquam convallis augue nec diam accumsan eget pretium purus eleifend. Duis sagittis varius nunc, a porttitor quam hendrerit a. Nullam elit felis, gravida ut pulvinar vitae, sodales at sem. Phasellus pretium eleifend mi et egestas. Suspendisse sollicitudin elit eget diam eleifend bibendum. Integer vel velit aliquet nunc lacinia consectetur.

Praesent malesuada elit in arcu posuere ut consectetur dolor porta. Cras pretium fermentum erat in semper. Cras neque sem, ornare eu facilisis nec, adipiscing eu orci. Ut vitae dolor at nibh tempus lobortis ac sed odio. Suspendisse iaculis sodales semper. In in augue non tortor vestibulum convallis. Mauris mattis, elit ac fringilla mattis, eros libero sagittis lectus, a ullamcorper purus mauris non urna. Phasellus luctus mollis suscipit. Suspendisse potenti. Suspendisse facilisis lorem quis eros iaculis placerat. Donec non justo sed sapien rhoncus dignissim.

Nam orci orci, gravida sed blandit aliquam, malesuada quis orci. Morbi turpis ante, pharetra eu luctus sed, interdum quis tellus. Fusce sit amet diam ut mauris cursus ultricies. Aliquam eleifend orci eu lacus auctor lobortis. Mauris justo lectus, elementum sit amet rhoncus nec, convallis eu felis. Sed tempor molestie porta. Phasellus eu ultricies leo. Phasellus non porttitor ipsum. Duis vel lacus tortor, quis convallis arcu. Nunc aliquet, ligula nec feugiat malesuada, arcu nibh sagittis ligula, at venenatis tellus odio ut sem. Nulla pellentesque convallis hendrerit. Duis vestibulum purus ac purus iaculis id adipiscing turpis condimentum. Donec augue nibh, porta ac volutpat sed, commodo nec massa. Sed sed nisl lorem. Integer nec placerat velit. Aenean elit tortor, pulvinar in dignissim id, scelerisque quis orci. Cras blandit bibendum scelerisque. Nulla convallis enim ac odio laoreet porttitor. Morbi facilisis pellentesque neque sed fermentum.

Nullam eleifend tempor nibh nec dignissim. Sed eu nibh sit amet purus imperdiet rutrum sit amet iaculis quam. Nullam et lobortis quam. Nunc venenatis augue in lorem pellentesque vel egestas tortor aliquam. Etiam ante sem, dapibus sed aliquam quis, tempus vel dui. Quisque aliquam commodo purus vel facilisis. Fusce egestas ligula in est tempus luctus. Vivamus ut erat urna, et pretium est. In eu justo nec lacus ultrices viverra. Pellentesque id diam est, eget pellentesque libero. Nulla ut quam neque, eget blandit sapien.

Etiam lobortis orci nec orci dictum vitae scelerisque nisi ullamcorper. Mauris eu nisl vel sem posuere facilisis. Aenean placerat tellus nec leo sodales id feugiat erat rhoncus. Phasellus leo ligula, mattis nec aliquet in, sollicitudin in leo. Cras vitae purus at quam laoreet laoreet sed eu tortor. Curabitur augue quam, pretium quis venenatis sed, dapibus sit amet justo. Etiam sem sapien, blandit eu ornare quis, auctor eget arcu. Nulla sapien nibh, pulvinar a placerat a, laoreet et urna. Quisque ullamcorper velit at mi vehicula iaculis. Suspendisse ultrices gravida sollicitudin. Nullam lobortis mauris nec eros lobortis volutpat. Duis eleifend placerat elit et tincidunt. Praesent et est erat. Suspendisse eu ligula vitae orci molestie cursus vel gravida felis.

Donec metus dolor, tempus eu euismod ornare, vestibulum sit amet quam. Donec at placerat est. Integer laoreet sollicitudin elementum. Sed facilisis felis sit amet velit vehicula tempor. Praesent nibh ante, dignissim nec imperdiet nec, condimentum a justo. Donec non tortor sit amet nibh porttitor venenatis. Donec lacus quam, interdum ut gravida id, eleifend ut dolor. In commodo enim in nibh tincidunt aliquam facilisis purus tempor. Mauris et urna neque, a fermentum mi. Aenean gravida arcu sit amet enim adipiscing molestie at id libero. Nulla facilisis urna imperdiet orci porttitor et vestibulum dolor convallis. Phasellus porta laoreet arcu, eget sollicitudin lorem venenatis ac. Sed scelerisque arcu nec dui venenatis rhoncus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin hendrerit mauris quam. Sed iaculis, lacus ac scelerisque eleifend, erat metus elementum risus, a sollicitudin odio mauris non neque. Proin id lacus ligula, vitae dignissim risus.

Etiam elementum pretium scelerisque. Aliquam non est nec velit semper tristique ac a neque. Nam id turpis orci. Cras eu ante nunc. Integer rutrum tellus eu dui laoreet imperdiet. Pellentesque id congue purus. In bibendum neque sit amet nunc dictum fringilla. Nullam in nunc id ipsum fringilla hendrerit. Nunc porta sem ut metus faucibus sollicitudin. Etiam commodo dui id erat posuere ut commodo sapien mattis. Proin fermentum, dui vel sollicitudin luctus, est lacus malesuada neque, sit amet molestie tortor nisi eu purus. Praesent quis nunc magna, in fringilla augue. Integer a est lacus, ac pulvinar dolor. Integer hendrerit iaculis adipiscing. Donec ultrices eros a mi dignissim aliquam.

Cras cursus mi arcu. Aenean augue lacus, semper non dignissim nec, blandit vel sem. Vivamus augue odio, consequat a gravida vitae, gravida ac odio. Aenean id odio nisi, in commodo tellus. Fusce rhoncus, sapien ac hendrerit tincidunt, ante nulla luctus nibh, in vehicula velit nibh vitae nisl. Aliquam blandit egestas nunc, in sodales odio sagittis ac. Nunc nec libero velit, ut dapibus turpis. Fusce enim dui, cursus non vulputate nec, vulputate non lectus. Donec nulla velit, tincidunt nec pellentesque nec, tempus et justo. Nam pellentesque mollis nibh in mattis. Phasellus nec libero risus. Nulla in augue at mi tincidunt lobortis vitae at libero. Sed sagittis magna ut massa laoreet feugiat. Nullam purus enim, sagittis eu mollis vel, vehicula a purus. Sed eleifend, quam a fringilla commodo, augue est luctus velit, bibendum consequat elit dolor ac libero. Phasellus tincidunt erat sit amet felis viverra at ultrices metus accumsan. Fusce mattis felis et libero pellentesque interdum in id elit. Phasellus ornare dignissim aliquam.

Donec facilisis urna ut augue mattis sed rutrum eros gravida. Maecenas ornare dolor faucibus lorem faucibus consectetur non ultrices sapien. Nunc a risus ipsum, vitae rhoncus magna. Proin ornare nunc sed justo hendrerit vel egestas tortor interdum. Aliquam facilisis ipsum mauris, et rutrum metus. Curabitur rhoncus vestibulum venenatis. Mauris tellus urna, vulputate bibendum tincidunt vitae, luctus et nunc. Ut condimentum purus in mi pellentesque scelerisque. Sed rhoncus vehicula metus quis porta. Nam et purus dolor. Duis in urna feugiat lectus congue consectetur ac elementum sem.

Etiam vitae nunc diam, vel tincidunt nisi. Phasellus laoreet cursus leo non dapibus. Pellentesque vel nunc eu turpis iaculis semper. Donec id arcu sapien, quis hendrerit leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut rhoncus malesuada dolor, ac molestie nisi posuere sed. Aliquam ornare rhoncus sollicitudin. Ut semper porta tellus, in consectetur augue ornare congue. Sed a aliquet eros. Praesent scelerisque scelerisque pretium. Duis sit amet est quis elit feugiat vestibulum. Suspendisse nec mi ac neque adipiscing blandit vel ac turpis. Sed ac arcu elit. Donec tincidunt felis eget sem bibendum nec aliquet tellus malesuada. Ut a libero eget turpis feugiat elementum at id felis.

Maecenas sed mollis lacus. Cras ut metus sapien. Morbi sit amet nulla id dolor aliquet varius. Quisque a tellus a nisl faucibus tempor commodo sit amet diam. Phasellus molestie, nunc at tincidunt placerat, justo tortor aliquam neque, in aliquet purus odio vitae tellus. Nulla rhoncus augue quis ligula aliquet nec ultrices velit vulputate. Proin iaculis orci at magna interdum a mollis velit semper. Suspendisse sem turpis, mattis quis viverra ut, tempor eu nisi. Donec dapibus eros nec ipsum iaculis vitae interdum augue aliquet. Phasellus vitae orci dui. Quisque eros nibh, semper vitae lacinia eu, fringilla ac ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam vitae nunc erat, imperdiet consequat odio.

Etiam ante arcu, euismod vitae aliquet eget, sagittis vitae augue. Suspendisse venenatis semper sem eu sodales. Morbi sagittis mi eget odio hendrerit eget consequat tortor suscipit. Aliquam ac dolor ut ligula faucibus auctor. Nulla nulla magna, auctor in rhoncus vel, volutpat ac urna. Nunc a enim non nulla ultrices luctus varius eget justo. Morbi ut neque nibh. Morbi iaculis sapien at eros mattis hendrerit aliquam justo fringilla. Vivamus fermentum sem sodales magna vulputate ac hendrerit quam sagittis. Maecenas pharetra risus ut nisl interdum facilisis. Morbi a diam dui. Integer placerat iaculis eros a dapibus. Vestibulum venenatis lectus a odio consequat consequat. Cras vel nisl et arcu pretium hendrerit non ut velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer ut nisl a sapien laoreet pellentesque nec tempus magna.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam sit amet felis nisl. Etiam ante nisl, euismod id blandit non, auctor ac arcu. Suspendisse consectetur nisi sem. Donec eros felis, placerat eu ornare sit amet, mattis sit amet mauris. Donec a ipsum libero. Sed odio magna, posuere ac laoreet at, ornare ac est. Suspendisse eu orci sapien, in consequat est. Donec tristique vestibulum leo, vitae hendrerit leo scelerisque sed. Maecenas a metus ligula, et laoreet massa. Donec sed elit iaculis ipsum elementum elementum nec vitae leo. Fusce et porta ipsum. Praesent odio purus, ultricies et ultrices eget, elementum id ipsum. Integer lacinia, lorem vitae tempus lacinia, enim orci commodo sem, in rhoncus risus eros vel felis. 

<div id="row" style="display:none;cursor:pointer;position:fixed;bottom:0;background:black;color:white;width:100%;text-align:center;">RETOUR EN HAUT</div>

<script type="text/javascript">
$(function() {
  var timer;
  $(document).bind('scroll',function() {
    clearTimeout(timer);
    $('#row').fadeIn('slow');
    timer = setTimeout(function() {
      $('#row').fadeOut('slow');
    },1500)
  });
  /* Empêcher le div de disparaître au survol */
  /*$('#row').mouseenter(function() {
    clearTimeout(timer);
  });
  $('#row').mouseleave(function() {
    clearTimeout(timer);
    timer = setTimeout(function() {
      $('#row').fadeOut('slow');
    },1500)
  });*/
  $('#row').click(function() {
    $('body').animate({scrollTop:0},800);
  });
});
</script>

?

Tiens d'ailleurs ça fera l'objet d'un prochain TP, une div qui "colle" quand on défile la page .

Golmote j'aime bien ton site .

Merci beaucoups beaucoups!!!!

Citation : tit_toinou

Tiens d'ailleurs ça fera l'objet d'un prochain TP, une div qui "colle" quand on défile la page .

Y'a pas déjà "fixed" pour ça ?

Citation : tit_toinou

Golmote j'aime bien ton site .

Merci

Citation : Momo1987

Merci beaucoups beaucoups!!!!

De rien

Oui y'a fixed mais si on veut que le menu soit à une hauteur minimum de 200 px par exemple, ça peut être utile.

Citation : tit_toinou

Golmote j'aime bien ton site .

+1
Mais faudrais qu'on puisse voir les sources, car actuellement c'est un peu complexe pour les voir

Citation : matheod

Mais faudrais qu'on puisse voir les sources, car actuellement c'est un peu complexe pour les voir

C'est prévu un jour. Mais faudra que je les nettoie, que je les explicite et que je les commente