Barre de menu flottante : pas de résultat
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Barre de menu flottante : pas de résultat
Détails techniques
Version du forum : InvisionPoste 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
Re: Barre de menu flottante : pas de résultat
Bonsoir PlanetOctet,
Avez-vous activé la gestion des codes Javascript ?
PA > Modules > Gestion des codes JavaScript > Activer la gestion des codes Javascript : Oui
Avez-vous activé la gestion des codes Javascript ?
PA > Modules > Gestion des codes JavaScript > Activer la gestion des codes Javascript : Oui
Re: Barre de menu flottante : pas de résultat
Il ne n'était effectivement pas avant mais maintenant qu'il est activé, rien n'apparait non plus, ni sur Firefox, ni sur IE...
Re: Barre de menu flottante : pas de résultat
Quelqu'un a-t-il une idée à cet épineux problème ?
Re: Barre de menu flottante : pas de résultat
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++
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++
Invité- Invité
Re: Barre de menu flottante : pas de résultat
.. | Bonjour, Où en-est votre problème ? Deux solutions :
A bientôt sur ForumActif |
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Barre de menu flottante : pas de résultat
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...
En effet, je n'ai pas modifié le script de base... Donc je ne comprends pas pourquoi un fonctionne mais pas l'autre...
Re: Barre de menu flottante : pas de résultat
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.
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.
Re: Barre de menu flottante : pas de résultat
Merci Automne de ta réponse.
J'avais déjà créé deux Javascript, un pour chaque.... Chacun chez soi ! 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 !
J'avais déjà créé deux Javascript, un pour chaque.... Chacun chez soi ! 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 !
Re: Barre de menu flottante : pas de résultat
Salut PlanetOctet,
tu as déposé le script sans rien modifier comme mentionné sur l'astuce de Ange Tuteur ( que je salue )
L'astuce demandée:
Donc édites le script supprimes tout le contenu et remplaces par celui-ci:
Penses a enregistrer les modifications en cliquant respectivement sur et
a++
tu as déposé le script sans rien modifier 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++
Invité- Invité
Re: Barre de menu flottante : pas de résultat
Merci beaucoup Milouze14 ! Ça fonctionne désormais à merveille !!
Le sujet sera donc plus court que prévu ! Merci encore !
Le sujet sera donc plus court que prévu ! Merci encore !
Re: Barre de menu flottante : pas de résultat
Re,
de rien ,
il faut bien regarder les détails sur les astuces .
a++
de rien ,
il faut bien regarder les détails sur les astuces .
a++
Invité- Invité
Sujets similaires
» Problème avec la barre de navigation flottante
» barre de navigation flottante ne fonctionne pas
» Ajouter une barre de navigation flottante
» Souci barre de navigation flottante
» Disparition de la barre de navigation flottante
» barre de navigation flottante ne fonctionne pas
» Ajouter une barre de navigation flottante
» Souci barre de navigation flottante
» Disparition de la barre de navigation flottante
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum