Piwigo.org

SNF69 · 2010-03-01 14:50:25

Bonjourrrrrrrrrrr,

Désolé de ramener ce sujet sur le devant de la scène mais je viens de constater un petit problème "d'intégration" de ce bout de code. Je suis incapable de vous dire si ce problème à toujours été là car c'est assez discret :o((

Donc voici quelques tests pour comprendre :

- Si vous allez sur ma page d'accueil et que vous descendez tout en bas vous verrez apparaitre apparaitre mon bouton haut en bas à droite (voir image en pièce jointe à ce message)

- Si vous allez sur une catégorie : http://www.photos.tarrajat.fr/index.php?/category/151 comme celle-ci est plutôt, "petite", le bouton n'apparait pas et c'est normal,

- Si vous rentrer dans une série : http://www.photos.tarrajat.fr/index.php?/category/48 là rebelote vous avez le bouton puisque la page est suffisamment longue,

Et là nous arrivons au cœur du problème :

- Si vous ouvrez une image : http://www.photos.tarrajat.fr/picture.p … ategory/48 et bien là le comportement change et j'ai un petit "Top" bleu qui apparait en dessous du bloc permettant de saisir des commentaires (voir deuxième image en pièce jointe)

Le texte Top correspond au message "alternatif" si le navigateur ne trouve pas l'image mais je ne comprend pas pourquoi il est placé à cet endroit et pourquoi le script qui se lance bien sur tout les autres niveaux de la galerie ne se lance pas sur cette page ??

J'ai regardé le code de la page à cet endroit et entre une page qui fonctionne et une autre qui ne fonctionne pas et c'est le même .... bien sur sur je clique sur Top je remonte bien en haut de passage, ce n'est donc qu'un "problème" d'affichage.

Auriez vous une idée pour corriger ce comportement ??
Merci par avance pour votre aide.

Seb

Dernière modification par SNF69 (2010-03-01 14:54:25)

cljosse · 2010-03-01 15:37:10

La définition du style "scrolltotp" n'est pas faite lorsque tu affiches une image.
elle serait plus appropriée dans ton theme.css perso

A+

SNF69 · 2010-03-01 15:53:36

cljosse a écrit:
La définition du style "scrolltotp" n'est pas faite lorsque tu affiches une image.
elle serait plus appropriée dans ton theme.css perso

A+

Merci Claude j'ai maintenant bien appliqué le css sur le bouton (j'ai bien l'image) mais il est toujours sous les commentaires car je pense que le script ne le lance pas ...

Une autre idée :o)

Seb

cljosse · 2010-03-01 16:05:32

Tu met ton script, ta définition du style dans un template secondaire que tu charges avec le plugin "mon_entete" si
$page['body_id']=='thePicturePage'

SNF69 · 2010-03-01 16:40:51

cljosse a écrit:
Tu met ton script, ta définition du style dans un template secondaire que tu charges avec le plugin "mon_entete" si
$page['body_id']=='thePicturePage'

Re,

Je suis désolé Claude mais là ça dépasse mes compétences en terme de compréhension de la technique ... Est ce que tu pourrais me donner la marche à suivre exacte s'il te plait ??

Merci par avance pour ton aide, les CSS ça va, mais les templates je n'y suis pas encore lollll.

Seb

Dernière modification par SNF69 (2010-03-01 16:47:24)

cljosse · 2010-03-01 17:19:12

Ok
Soyons un peu plus concret:

Dans plugins/mon_entete/main.inc.php
le code devient:

Code:

<?php /*
Plugin Name: mon_entete
Version: 1.0.1
Description: Charge le template header personnalisé en fonction des pages affichée.
Plugin URI: http://piwigo.org/ext/extension_view.php?
Author: VDigital (PhpWebGallery team)
Author URI: http://www.phpwebgallery.net
*/
if (!defined('PHPWG_ROOT_PATH')) die('Hacking attempt!');

  add_event_handler('loc_after_page_header', 'set_mon_entete' );
function set_mon_entete()
{
  global $template, $page; 
   $my_path = dirname(__FILE__).'/';
if (  $page['body_id']=='theAdminPage' ) {
         return ;
}   
if ( $page['body_id']=='thePicturePage'  ) {
  $template->set_filenames(array( 
  'mon_entete' => $my_path.'mes_scripts.tpl'
  ) );
  $template->parse('mon_entete');
         return ;
}
  $template->set_filenames(array( 
  'mon_entete' => $my_path.'mon_entete.tpl'
  ) );
  $template->parse('mon_entete');
}
?>

ensuite tu creer un template
plugins/mon_entete/mes_scripts.tpl

Code:

{html_head}
<!--- Mes SCRIPTS --->
{known_script id="jquery" src=$ROOT_URL|@cat:"template-common/lib/jquery.packed.js"}
  {literal}
<script type="text/javascript">
$(document).ready(function($){
  stt = $('#scrolltotop');
  $(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
    scrollTop = $(window).scrollTop();
    $('#scrolltotop a').click(function(){
        $('html,body').stop().scrollTop(0);
    });
    if(scrollTop >= 500){ // Si on dépassé les 300 pixels
      if(stt.css('opacity') == 0){ // et si la div est cachée
        stt.stop().fadeTo(2000,1); // On affiche l'élément
      }
    }else{
      // Sinon, on cache la div si celle ci est visible.
      if(stt.css('opacity') > 0){
        stt.stop().fadeTo(500,0);  
      } 
    }
  });
      // On lance l'évènement scroll un première fois au chargement de la page
  $(window).scroll();
});
</script>
  {/literal}
  <!---Fin Mes SCRIPTS --->
{/html_head}

<div id="scrolltotop"><a href="#" title="Revenir en haut de la page">Top</a></div>

On peut laisser le définition du style de "scrolltotop" dans template/yoga/xxx/theme.css

c'est tout.

[EDIT] Par Gotcha
Voir aussi : [Forum, post 134920 by P@t in topic 16647] Icône furtive pour remonter

SNF69 · 2010-03-01 18:17:06

Désolé mais ce n'est toujours pas bon ... et j'ai maintenant deux problème :

Le premier : le bouton est bien présent mais il apparait en haut à gauche (en fond enchaine) dans mon header et donc il me "grossit" l'espace au dessus de mon menu de navigation, voir image N°1 par rapport à image N°2 (normalement cette image n'impacte pas la mise en page de mon template)

Le deuxième : le bouton en bas est toujours présent, Voir shoot d'écran N°3

Toutes les modifs sont en place sur mon site si tu veux voir ce que ça donne ;o)

Si vraiment ça te pose de gros problème pour trouver une solution, je peux tout faire sauter ce n'est pas la fin du monde ;o)
Encore merci pour ton aide et n'hésite pas à ma dire si je te saoule.

Seb

Dernière modification par SNF69 (2010-03-01 18:21:00)

SNF69 · 2010-03-01 18:26:09

Fausse alerte il manquait juste un bout de code dans le mes_scripts.tpl
C'est maintenant tout bon, merci pour tout Claude cette fois ça ronronne :o))))
Bonne fin de soirée.

Seb

Gotcha · 2010-03-01 18:53:20

Est-ce que il y a quelque chose à changer dans la l'astuce ? [wiki perso]

SNF69 · 2010-03-01 18:54:32

Gotcha a écrit:
Est-ce que il y a quelque chose à changer dans la l'astuce ? [wiki perso]

Non car ça ne concerne que ceux qui ont Mootools en bannière ;o)
@+.

Seb

Gotcha · 2010-03-01 19:01:24

[Mode je chambre]

Tu n'aurais pas plus intérêt à te tourner vers du jQuery toi ? :-p

SNF69 · 2010-03-01 20:00:24

Gotcha a écrit:
[Mode je chambre]

Tu n'aurais pas plus intérêt à te tourner vers du jQuery toi ? :-p

Trouve moi le moyen de refaire ma bannière avec JQuery et je regarderai :oP
De plus je crois que là notre ami Claude à réussi à bien cloisonner les éléments donc ... pour l'instant ... et bien je garde Mootools :o)))

Seb

Gotcha · 2010-03-01 20:19:09

http://www.serie3.info/s3slider/demonstration.html

[/mode je chambre]

SNF69 · 2010-03-01 20:25:15

Je vais garder ce lien ... pour faire des tests ;o))

Seb

cljosse · 2010-03-02 10:04:40

SNF69 a écrit:
Trouve moi le moyen de refaire ma bannière avec JQuery et je regarderai :o)
Seb

Bonjour.
Une petite demo de bannière avec JQuery?
Demo
A+

Dernière modification par cljosse (2010-03-02 10:06:22)

Piwigo.org

Annonce

#76 2010-03-01 14:50:25

Re: [Résolu] Icône furtive pour remonter

#77 2010-03-01 15:37:10

Re: [Résolu] Icône furtive pour remonter

#78 2010-03-01 15:53:36

Re: [Résolu] Icône furtive pour remonter

cljosse a écrit:

#79 2010-03-01 16:05:32

Re: [Résolu] Icône furtive pour remonter

#80 2010-03-01 16:40:51

Re: [Résolu] Icône furtive pour remonter

cljosse a écrit:

#81 2010-03-01 17:19:12

Re: [Résolu] Icône furtive pour remonter

Code:

Code:

#82 2010-03-01 18:17:06

Re: [Résolu] Icône furtive pour remonter

#83 2010-03-01 18:26:09

Re: [Résolu] Icône furtive pour remonter

#84 2010-03-01 18:53:20

Re: [Résolu] Icône furtive pour remonter

#85 2010-03-01 18:54:32

Re: [Résolu] Icône furtive pour remonter

Gotcha a écrit:

#86 2010-03-01 19:01:24

Re: [Résolu] Icône furtive pour remonter

#87 2010-03-01 20:00:24

Re: [Résolu] Icône furtive pour remonter

Gotcha a écrit:

#88 2010-03-01 20:19:09

Re: [Résolu] Icône furtive pour remonter

#89 2010-03-01 20:25:15

Re: [Résolu] Icône furtive pour remonter

#90 2010-03-02 10:04:40

Re: [Résolu] Icône furtive pour remonter

SNF69 a écrit:

Pied de page des forums