Allé, on continu un peu de custum !
Cette fois, je souhaiterai rajouter du code. Afin de mieux vous expliquer en quoi il consiste, je vous invite à lire ce billet: http://www.dator.fr/afficher-un-element … ec-jquery/
Je verrais bien cette astuce au moins pour la page d'accueil de ma galerie qui est à rallonge.
En attendant de trouver mieux pour réduire mes "news"* la solution évoquée dans le billet me semble jolie et agréable.
Merci d'avance :-)
[EDIT]
Changement de titre.
Ancien titre : Ajouter du code jQuery
Hors ligne
Où es-tu bloqué ?
D'ailleurs j'imagine que c'est bien ce plugin que tu veux installer :
http://www.mathieuartu.net/jqueryup/
Tu as deux lignes de javascript à ajouter, après avoir téléchargé le plugin et hop en avant ou en haut plutôt (comme le chien) !
Dernière modification par nicolas (2009-12-21 21:17:36)
Hors ligne
Je essayé de coller ce code pèle mêle dans la page "picture.php" mais ça ma fait savoir que ça n'était pas la bonne solution...
Hors ligne
Dans un template-extension, par exemple:
{known_script id="jquery" src=$ROOT_URL|@cat:"template-common/lib/jquery.packed.js"}
{known_script id="jquery.ui" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.core.packed.js"}
{html_head}
{literal}
<script type="text/javascript">
$...mon jQuery.... par exemple
</script>
{/literal}
{/html_head}
Hors ligne
VDigital a écrit:
Dans un template-extension, par exemple:
{known_script id="jquery" src=$ROOT_URL|@cat:"template-common/lib/jquery.packed.js"}
{known_script id="jquery.ui" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.core.packed.js"}
{html_head}
{literal}
<script type="text/javascript">
$...mon jQuery.... par exemple
</script>
{/literal}
{/html_head}
Je viens d'essayer sur my-index.tpl en collant le le code tout à la fin, sans résultat.
Sur aucune page.
<!-- ascenseur jQuery --> {known_script id="jquery" src=$ROOT_URL|@cat:"template-common/lib/jquery.packed.js"} {known_script id="jquery.ui" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.core.packed.js"} {html_head} {literal} <script type="text/javascript"> $(function(){ // Ajout de l'élément HTML en le cachant (au départ) $(' <div id="scrolltotop"><a href="#top">Retour en haut</a></div> ').appendTo('body').css({opacity: 0}); $(window).scroll(function(){ // On ajoute une fonction quand on défile dans le site // On récupère la position de la barre de défilement par rapport à notre fenêtre var scrollTop = $(window).scrollTop(); // On ajoute une fonction au clique de notre élément. $('#scrolltotop a').click(function(){ // On lance l'animation pour retourner en haut de la page $('html,body').stop().animate({scrollTop: 0}, 'slow'); }); // On récupère notre élément var div = $('#scrolltotop'); if(scrollTop >= 300){ // Si on dépassé les 300 pixels if(div.css('opacity') == 0){ // et si la div est cachée div.stop().animate({opacity: 1}, 500); // On affiche l'élément } }else{ // Sinon, on cache la div si celle ci est visible. if(div.css('opacity') > 0){ div.stop().animate({opacity: 0}, 500); } } }); // On lance l'évènement scroll un première fois au chargement de la page $(window).scroll(); }); </script> {/literal} {/html_head}
[EDIT]
A titre purement informatif et non à prendre en compte: http://woork.blogspot.com/2009/08/elega … y-and.html
[/EDIT]
Hors ligne
Je ne lis pas le jQuery aussi vite que le reste mais :
- jSrcollPane est un plugin à inclure.
- Il me semble que ton code est en erreur (Je hais JavaScript).
Hors ligne
VDigital a écrit:
Je ne lis pas le jQuery aussi vite que le reste mais :
- jSrcollPane est un plugin à inclure.
- Il me semble que ton code est en erreur (Je hais JavaScript).
Le précèdent lien n'a pas grand chose à voire Vincent avec ma demande initiale. C'est surtout pour moi afin de ne pas oublier un jour où je relirais ce sujet ;-)
Hors ligne
Peut-être mais qu'est-ce qu'est sensé faire...
$('
<div id="scrolltotop"><a href="#top">Retour en haut</a></div>
').appendTo('body').css({opacity: 0});
j'écrirai pour de la lisibilité:
$('#copyright').before('<div id="scrolltotop"><a href="#top">Retour en haut</a></div>');
$('#scrolltotop').css({opacity: 0});
Hors ligne
pour info : http://fr.piwigo.org/forum/viewtopic.ph … 70#p125070
jQuery dispose d'un mode anti incompatibilité efficace lorsque on a sur le meme site plusieurs framework js.
(a mettre en place en dernier, c'est assez simple)
Hors ligne
VDigital a écrit:
(Je hais JavaScript).
Pas seul ! J'ai encore réussi à m'y mettre ... peut-être le jour où je n'aurais rien de plus intéressant à regarder.
Hors ligne
VDigital a écrit:
Peut-être mais qu'est-ce qu'est sensé faire...
$('
<div id="scrolltotop"><a href="#top">Retour en haut</a></div>
').appendTo('body').css({opacity: 0});
j'écrirai pour de la lisibilité:
$('#copyright').before('<div id="scrolltotop"><a href="#top">Retour en haut</a></div>');
$('#scrolltotop').css({opacity: 0});
C'est mieux en effet. Le liens apparaît bien mais une fois que je suis tout en bas de ma page (donc pas vraiment l'effet escompté).
Veux-tu que je fasse les modifications sur ma galerie en ligne pour mieux t'en rendre compte ?
@Repie38: moi pas tout comprendre en programmation lol
Que me préconises-tu ?
Hors ligne
$('#scrolltotop').css({opacity: 0});
Je recopie ce que tu avais écrit sans voir les erreurs.
$('#scrolltotop').css('opacity', '0');
Je me doute de ce que tu cherches à faire, mais j'aimerai que tu l'écrives pour commencer.
Après...
On corrigera ligne après ligne.
;-)
Hors ligne
VDigital a écrit:
$('#scrolltotop').css({opacity: 0});
Je recopie ce que tu avais écrit sans voir les erreurs.
$('#scrolltotop').css('opacity', '0');
Je me doute de ce que tu cherches à faire, mais j'aimerai que tu l'écrives pour commencer.
Après...
On corrigera ligne après ligne.
;-)
Voilà, c'est corrigé pour cette ligne. Sans amélioration notable.
Hors ligne
VDigital a écrit:
Je me doute de ce que tu cherches à faire, mais j'aimerai que tu l'écrives pour commencer.
Hors ligne
VDigital a écrit:
VDigital a écrit:
Je me doute de ce que tu cherches à faire, mais j'aimerai que tu l'écrives pour commencer.
J'ai peur de ne pas avoir bien compris...
Tu voudrais que j'écrive du code par la seule force de mon cerveau atrophié ?
Hors ligne