Barre de menu flottante : pas de résultat

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Barre de menu flottante : pas de résultat

Message par PlanetOctet le Lun 2 Nov 2015 - 19:16

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Internet Exploreur (MS Edge)
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 28/10/2015
Lien du forum : http://planet-octet.forumofficiel.com/

Description du problème

J'ai suivi le tutoriel pour afficher une barre de menu flottante (mise des scripts et tout...) à la lettre mais sans rien personnaliser... Aucune barre de menu ne s'affiche en flottant (suivant la descente de la page).
Pourriez-vous m'indiquer une éventuelle solution sachant que je tourne sous Firefox et Edge (IE) ainsi qu'un forum Invision. Est-ce parce que mes boutons de liens sont des images ?? Sinon, je ne vois rien d'autre...

Nicolas
Planet Octet Admin


Dernière édition par PlanetOctet le Ven 13 Nov 2015 - 19:35, édité 1 fois

PlanetOctet
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 25/09/2015

http://planet-octet.forumofficiel.com/
PlanetOctet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de menu flottante : pas de résultat

Message par Ange Tuteur le Lun 2 Nov 2015 - 20:06

Bonsoir PlanetOctet,

Avez-vous activé la gestion des codes Javascript ?

PA > Modules > Gestion des codes JavaScript > Activer la gestion des codes Javascript : Oui

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de menu flottante : pas de résultat

Message par PlanetOctet le Lun 2 Nov 2015 - 20:17

Il ne n'était effectivement pas avant mais maintenant qu'il est activé, rien n'apparait non plus, ni sur Firefox, ni sur IE...

PlanetOctet
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 25/09/2015

http://planet-octet.forumofficiel.com/
PlanetOctet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de menu flottante : pas de résultat

Message par PlanetOctet le Ven 6 Nov 2015 - 18:50

Quelqu'un a-t-il une idée à cet épineux problème ? Sad

PlanetOctet
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 25/09/2015

http://planet-octet.forumofficiel.com/
PlanetOctet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de menu flottante : pas de résultat

Message par Milouze14 le Ven 6 Nov 2015 - 19:42

Salut PlanetOctet,
tu as copié le code directement dans la gestion des scripts sans rien toucher ?

Ensuite tu as aussi ce script:
http://forum.forumactif.com/t381897-ajouter-les-emojis-twitter-a-l-editeur

Édites le et décoches les cases pour voir si cela ne vient pas de ce dernier (conflit) .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de menu flottante : pas de résultat

Message par Lixyr le Mer 11 Nov 2015 - 11:10

..Bonjour,

Où en-est votre problème ?

Deux solutions :

  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône résolu en éditant votre premier message,
  • Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté,


A bientôt sur ForumActif Smile





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de menu flottante : pas de résultat

Message par PlanetOctet le Mer 11 Nov 2015 - 12:24

Le script des emojis Twitter fonctionne très bien. Je l'ai installé après celui de la barre flottante pour voir si c'était un problème spécifique au script ou si c'était un problème plus général...

En effet, je n'ai pas modifié le script de base... Donc je ne comprends pas pourquoi un fonctionne mais pas l'autre...

PlanetOctet
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 25/09/2015

http://planet-octet.forumofficiel.com/
PlanetOctet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de menu flottante : pas de résultat

Message par Automne le Mer 11 Nov 2015 - 18:16

Bonjour,

Pour chaque script,
- 1/ emojis Twitter
- 2/ ajouter une barre de navigation

As tu créer à chaque fois un nouveau javascript, car j'ai l'impression que les deux codes sont ensembles dans le même fichier à la suite l'un de l'autre? Je peux me tromper mais dans le doute je pose la question ;)

Dans tout les cas si tu les as mis l'un a la suite de l'autre dans le même fichier, cela ne peux fonctionner ensemble. Créer un nouveau javascript propre a chaque fonction.

Automne
+ Hyperactif +

Messages : 8422
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de menu flottante : pas de résultat

Message par PlanetOctet le Ven 13 Nov 2015 - 18:28

Merci Automne de ta réponse.
J'avais déjà créé deux Javascript, un pour chaque.... Chacun chez soi ! Wink C'est quand même mieux....
J'ai l'impression que ce topic est loin d'être fini et qu'il nous réserve bien des surprises...
Merci à tous ceux qui y ont contribués en tout cas !

PlanetOctet
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 25/09/2015

http://planet-octet.forumofficiel.com/
PlanetOctet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de menu flottante : pas de résultat

Message par Milouze14 le Ven 13 Nov 2015 - 18:47

Salut PlanetOctet,

tu as déposé le script sans rien modifier Very Happy comme mentionné sur l'astuce de Ange Tuteur ( que je salue )

Code:
targetNode:"#page-header .navlinks"

L'astuce demandée:

1. targetNode: Il s'agit de l'élément cible qui va transformer la barre de navigation en un élément fixe lorsque du défilement vertical. En fonction de la version de votre forum, il faudra remplacer au début du script:


Par la bonne valeur de sa version:


Code:
        phpbb2 : .bodyline > table + table
        phpbb3 : ne rien modifier
        punbb : #pun-navlinks
        invision : #submenu





Donc édites le script supprimes tout le contenu et remplaces par celui-ci:
Code:

(function() {
          if (!window.FA) window.FA = {};
          if (FA.Nav) {
            if (window.console && console.warn) console.warn('FA.Nav has already been defined');
            return;
          }
       
          FA.Nav = {
           
            // TARGET NODES POUR CHAQUE VERSION
            // PHPBB2  : ".bodyline > table + table"
            // PHPBB3  : "#page-header .navlinks"
            // PUNBB    : "#pun-navlinks"
            // INVISION : "#submenu"
            targetNode : "#submenu",
           
            customNav : '', // custom navlinks
           
            keepDefault : true, // keep the default navlinks
            collapsible : true, // show hide button
           
           
            // offset states
            offsets : {
              tbVisible : {
                bottom : 30,
                top : '30px'
              },
             
              tbHidden : {
                bottom : 0,
                top : '0px'
              },
             
              toggler : '30px'
            },
           
            activeOffset : {}, // active offset for the sticky nav
           
            visible : false, // sticky nav is visible
           
            // check the state of the static nav
            checkState : function() {
              if (!FA.Nav.animating) {
                var hidden = FA.Nav.barStatic.getBoundingClientRect().bottom <= FA.Nav.activeOffset.bottom;
             
                if (hidden && FA.Nav.barSticky.style.top != FA.Nav.activeOffset.top) {
                  if (FA.Nav.toggler) FA.Nav.toggler.style.top = FA.Nav.offsets.toggler;
                  FA.Nav.barSticky.style.top = FA.Nav.activeOffset.top;
                  FA.Nav.visible = true;
                } else if (!hidden && FA.Nav.barSticky.style.top != '-30px') {
                  if (FA.Nav.toggler) FA.Nav.toggler.style.top = '-30px';
                  FA.Nav.barSticky.style.top = '-30px';
                  FA.Nav.visible = false;
                }
              }
            },
           
            animating : false, // sticky nav is animating
           
            // animate the sticky nav when the toolbar is toggled
            animate : function() {
              if (FA.Nav.visible) {
                FA.Nav.animating = true;
                FA.Nav.barSticky.style.transition = 'none';
             
                $(FA.Nav.barSticky).animate({
                  top : FA.Nav.activeOffset.top
                }, function() {
                  FA.Nav.barSticky.style.transition = '';
                  FA.Nav.animating = false;
                  FA.Nav.checkState();
                });
              }
            },
           
            // toggle sticky navigation and remember preference via cookies
            toggle : function() {
              if (FA.Nav.barSticky.style.width == '100%') {
                my_setcookie('fa_sticky_nav', 'hidden');
                FA.Nav.barSticky.style.width = '0%';
              } else {
                my_setcookie('fa_sticky_nav', 'shown');
                FA.Nav.barSticky.style.width = '100%';
              }
              return false;
            }
           
          };
         
          $(function() {
            // set default offsets based on toolbar state
            FA.Nav.activeOffset = (my_getcookie('toolbar_state') == 'fa_hide' || !_userdata.activate_toolbar) ? FA.Nav.offsets.tbHidden : FA.Nav.offsets.tbVisible;
            if (!_userdata.activate_toolbar) FA.Nav.offsets.toggler = '0px';
           
            // find the static nav
            FA.Nav.barStatic = document.querySelector ? document.querySelector(FA.Nav.targetNode) : $(FA.Nav.targetNode)[0]; // static nav
           
            if (FA.Nav.barStatic) {
              $(function() {
                FA.Nav.barSticky = FA.Nav.barStatic.cloneNode(FA.Nav.keepDefault); // clone static nav
                if (FA.Nav.customNav) FA.Nav.barSticky.insertAdjacentHTML('beforeEnd', FA.Nav.customNav);
                FA.Nav.barSticky.id = 'fa_sticky_nav';
                FA.Nav.barSticky.style.width = my_getcookie('fa_sticky_nav') == 'hidden' ? '0%' : '100%';
                FA.Nav.barSticky.style.top = '-30px';
                 
                document.body.appendChild(FA.Nav.barSticky); // append the sticky one
                 
                // sticky nav toggler
                if (FA.Nav.collapsible) {
                  FA.Nav.toggler = document.createElement('A');
                  FA.Nav.toggler.id = 'fa_sticky_toggle';
                  FA.Nav.toggler.href = '#';
                  FA.Nav.toggler.style.top = '-30px';
                  FA.Nav.toggler.onclick = FA.Nav.toggle;
                 
                  document.body.appendChild(FA.Nav.toggler);
                };
               
                window.onscroll = FA.Nav.checkState; // check state on scroll
                FA.Nav.checkState(); // startup check
                 
                // animate sticky nav and change offsets when the toolbar is toggled
                $('#fa_hide').click(function() {
                  FA.Nav.activeOffset = FA.Nav.offsets.tbHidden;
                  FA.Nav.animate();
                });
               
                $('#fa_show').click(function() {
                  FA.Nav.activeOffset = FA.Nav.offsets.tbVisible;
                  FA.Nav.animate();
                });
              });
            }
          });
        }());



Penses a enregistrer les modifications en cliquant respectivement sur et

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de menu flottante : pas de résultat

Message par PlanetOctet le Ven 13 Nov 2015 - 19:34

Merci beaucoup Milouze14 ! Ça fonctionne désormais à merveille !!

Le sujet sera donc plus court que prévu ! Merci encore !

PlanetOctet
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 25/09/2015

http://planet-octet.forumofficiel.com/
PlanetOctet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de menu flottante : pas de résultat

Message par Milouze14 le Ven 13 Nov 2015 - 19:37

Re,
de rien ,
il faut bien regarder les détails sur les astuces Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum