Commentaires sur : Ancres et déplacement progressif de l’ascenseur http://www.htmlzengarden.com/2009/10/ancres_et_deplacement_progressif_de_l_ascenseur/ The beauty in HTML code Thu, 02 Feb 2012 15:18:21 +0000 hourly 1 http://wordpress.org/?v=3.2.1 Par : D http://www.htmlzengarden.com/2009/10/ancres_et_deplacement_progressif_de_l_ascenseur/#comment-10457 D Mon, 30 Jan 2012 19:17:06 +0000 http://www.htmlzengarden.com/?p=652#comment-10457 <p>Merci beaucoup, j'ai finalement réussi mais cette fonction permet elle un déplacement en diagonale ?</p> Merci beaucoup, j’ai finalement réussi mais cette fonction permet elle un déplacement en diagonale ?

]]> Par : fonds d'écran http://www.htmlzengarden.com/2009/10/ancres_et_deplacement_progressif_de_l_ascenseur/#comment-10431 fonds d'écran Mon, 30 Jan 2012 14:15:24 +0000 http://www.htmlzengarden.com/?p=652#comment-10431 <p>Bonjour, cela revient donc à bien maîtrise Jquery et toutes ses options ... voire même à aller un peu plus loin dans le "look", comme ici: <a href="http://blog.unesourisetmoi.info/" rel="nofollow">référencement efficace</a> avec la fonction ' return to top' qui apparait lors d'un scroll ... dont voici le code qui m'a servi pour le créer: <code><script type="text/javascript"> $(function () { var scroll_timer; var displayed = false; var $message = $('#message a'); var $window = $(window); var top = $(document.body).children(0).position().top; $window.scroll(function () { window.clearTimeout(scroll_timer); scroll_timer = window.setTimeout(function () { if($window.scrollTop() <= top) { displayed = false; $message.fadeOut(500); } else if(displayed == false) { displayed = true; $message.stop(true, true).show().click(function () { $message.fadeOut(500); }); } }, 100); }); }); </script> essayez vous verrez ;) @mitiés</code></p> Bonjour, cela revient donc à bien maîtrise Jquery et toutes ses options … voire même à aller un peu plus loin dans le « look », comme ici: référencement efficace avec la fonction ’ return to top’ qui apparait lors d’un scroll … dont voici le code qui m’a servi pour le créer: <script type="text/javascript"> $(function () { var scroll_timer; var displayed = false; var $message = $('#message a'); var $window = $(window); var top = $(document.body).children(0).position().top; $window.scroll(function () { window.clearTimeout(scroll_timer); scroll_timer = window.setTimeout(function () { if($window.scrollTop() <= top) { displayed = false; $message.fadeOut(500); } else if(displayed == false) { displayed = true; $message.stop(true, true).show().click(function () { $message.fadeOut(500); }); } }, 100); }); }); </script> essayez vous verrez ;) @mitiés

]]> Par : D http://www.htmlzengarden.com/2009/10/ancres_et_deplacement_progressif_de_l_ascenseur/#comment-10430 D Mon, 30 Jan 2012 13:36:30 +0000 http://www.htmlzengarden.com/?p=652#comment-10430 <p>Bonjour,</p> <p>Cette fonction m'intéresse beaucoup mais, ne maîtrisant pas parfaitement la création web je me permets de demander si quelqu'un aurait l'amabilité de m'expliquer brièvement comment l'insérer dans le code html d'une page. Faut-il télécharger un fichier .js ?</p> <p>Merci</p> Bonjour,

Cette fonction m’intéresse beaucoup mais, ne maîtrisant pas parfaitement la création web je me permets de demander si quelqu’un aurait l’amabilité de m’expliquer brièvement comment l’insérer dans le code html d’une page. Faut-il télécharger un fichier .js ?

Merci

]]> Par : Olivier C http://www.htmlzengarden.com/2009/10/ancres_et_deplacement_progressif_de_l_ascenseur/#comment-9852 Olivier C Wed, 18 Jan 2012 13:38:16 +0000 http://www.htmlzengarden.com/?p=652#comment-9852 <p>Je cherchais cet effet jQuery pour la prochaine mise à jour de mon design. Et votre solution fonctionne sans problème. Merci à vous.</p> Je cherchais cet effet jQuery pour la prochaine mise à jour de mon design. Et votre solution fonctionne sans problème. Merci à vous.

]]> Par : Anonyme http://www.htmlzengarden.com/2009/10/ancres_et_deplacement_progressif_de_l_ascenseur/#comment-6350 Anonyme Wed, 11 May 2011 15:15:06 +0000 http://www.htmlzengarden.com/?p=652#comment-6350 <p>Pour Zavo, c'est le remplacement du return (false) par void(0) qui pose ce problème. ++ O</p> Pour Zavo, c’est le remplacement du return (false) par void(0) qui pose ce problème. ++ O

]]> Par : Didier http://www.htmlzengarden.com/2009/10/ancres_et_deplacement_progressif_de_l_ascenseur/#comment-6244 Didier Sun, 24 Apr 2011 13:04:27 +0000 http://www.htmlzengarden.com/?p=652#comment-6244 <p>Une petite question de débutant ...</p> <p>Cette fonction qui est plus qu’intéressante mais cependant ne fonctionne que pour les liens qui ressemblent à :</p> <p><code><a href="#ancre"></a></code></p> <p>mais comment faire pour les liens qui ressemblent à:</p> <p><code><a href="ma_page.php#ancre"></a> ?</code></p> <p>J'ai essayé et ça ne fonctionne pas. Alors je me suis dis que ca proviendrai surement de cette ligne :</p> <p><code>jQuery('a[href^="#"]').bind('click',function(){</code></p> <p>Mais je ne parviens pas à la modifier, je suis un peu nul en expressions régulières.</p> <p>Pouvez vous éclairer ma lanterne ?</p> <p>Merci !</p> Une petite question de débutant …

Cette fonction qui est plus qu’intéressante mais cependant ne fonctionne que pour les liens qui ressemblent à :

<a href="#ancre"></a>

mais comment faire pour les liens qui ressemblent à:

<a href="ma_page.php#ancre"></a> ?

J’ai essayé et ça ne fonctionne pas. Alors je me suis dis que ca proviendrai surement de cette ligne :

jQuery('a[href^="#"]').bind('click',function(){

Mais je ne parviens pas à la modifier, je suis un peu nul en expressions régulières.

Pouvez vous éclairer ma lanterne ?

Merci !

]]> Par : Franks http://www.htmlzengarden.com/2009/10/ancres_et_deplacement_progressif_de_l_ascenseur/#comment-5805 Franks Sun, 06 Mar 2011 16:22:51 +0000 http://www.htmlzengarden.com/?p=652#comment-5805 <p>Pour le cadre pointillé, enlève : jQuery(ancre).focus();</p> Pour le cadre pointillé, enlève : jQuery(ancre).focus();

]]> Par : Hicham http://www.htmlzengarden.com/2009/10/ancres_et_deplacement_progressif_de_l_ascenseur/#comment-5778 Hicham Thu, 03 Mar 2011 11:02:10 +0000 http://www.htmlzengarden.com/?p=652#comment-5778 <p>Bonjour,</p> <p>merci pour le tuyau !</p> <p>Je suis en pleine refonte de site passant du flash au css, et ce tuto m'est d'une trés grande utilité.</p> <p>Muchas gracias !</p> Bonjour,

merci pour le tuyau !

Je suis en pleine refonte de site passant du flash au css, et ce tuto m’est d’une trés grande utilité.

Muchas gracias !

]]> Par : P2D http://www.htmlzengarden.com/2009/10/ancres_et_deplacement_progressif_de_l_ascenseur/#comment-5209 P2D Wed, 12 Jan 2011 12:33:20 +0000 http://www.htmlzengarden.com/?p=652#comment-5209 <p>Terrible merci... ;)</p> Terrible merci… ;)

]]> Par : Caga http://www.htmlzengarden.com/2009/10/ancres_et_deplacement_progressif_de_l_ascenseur/#comment-4003 Caga Thu, 07 Oct 2010 10:08:39 +0000 http://www.htmlzengarden.com/?p=652#comment-4003 <p>?? une bonne pratique, peut être, mais ce rectangle bleu est moche ... enfin merci.</p> ?? une bonne pratique, peut être, mais ce rectangle bleu est moche … enfin merci.

]]>