Barre de menu flottante : pas de résultat

4 participants

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 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

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 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
Barre de menu flottante : pas de résultat Captur27
Ange Tuteur

Ange Tuteur
****

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

https://fmdesign.forumotion.com
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 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

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 Ven 6 Nov 2015 - 18:50

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

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 Invité 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:
https://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++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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

Message par Lixyr Mer 11 Nov 2015 - 11:10

.Barre de menu flottante : pas de résultat HO2aOkg.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


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Barre de menu flottante : pas de résultat 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Barre de menu flottante : pas de résultat 3592387030 pour prévenir la modération.

Barre de menu flottante : pas de résultat Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 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

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 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

Automne
Membre actif

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

https://gilles570.motards.net/
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 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

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 Invité 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 Barre de menu flottante : pas de résultat 907288 et Barre de menu flottante : pas de résultat Ajouter2024

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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

Message par PlanetOctet 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

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 Invité Ven 13 Nov 2015 - 19:37

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

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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