Problème pour installer une scrollbar

par Kaiji Sam 18 Juil 2015 - 14:51

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Moi uniquement
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour tout le monde !
J'ai décidément un problème avec le javascript et aujourd'hui, je me retrouve bloquée avec ce tutoriel : http://manos.malihu.gr/jquery-custom-content-scroller/

J'ai donc comme ils le demandent, téléchargé le fichier zip. J'ai réhébergé les fichiers nécessaires :
https://sd-2.archive-host.com/membres/up/13009629696308345/jquerymCustomScrollbar.css
https://sd-2.archive-host.com/membres/up/13009629696308345/jquerymCustomScrollbarconcatmin.js

J'ai donc placé ça dans le overall_header sous la balide <head> :

Code:: <link rel="stylesheet" href="http://sd-2.archive-host.com/membres/up/13009629696308345/jquerymCustomScrollbar.css" />

J'ai ensuite instauré ce javascript dans les modules > Pages javascript > Afficher sur toutes les pages :

Code:: (function($){ $(window).load(function(){ $(".scrollbartavu").mCustomScrollbar({ theme:"dark-thick", scrollButtons:{ enable:true } }); }); })(jQuery);

Et ensuite dans mon message, j'l'ai intégré de cette manière :

Code:: <div class="scrollbartavu mCustomScrollbar">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://sd-2.archive-host.com/membres/up/13009629696308345/jquerymCustomScrollbarconcatmin.js"></script>

Voilà le css de .scrollbartavu :

Code:: .scrollbartavu { height: 200px; width: 200px; overflow: auto; }

Et......... ben, rien ne s'affiche. Mais vraiment rien du tout, j'ai juste la scrollbar basique :
Problème pour installer une scrollbar D9300771913c945fb03f2833d5d1861b

Problème pour installer une scrollbar D9300771913c945fb03f2833d5d1861b

Du coup, mystère. J'ai relu le tuto une bonne dizaine de fois, essayé de tripatouiller le code mais sans résultat, du coup je me tourne vers vous, en espérant que vous pourrez m'aider.

Merci d'avance !

par Invité Dim 19 Juil 2015 - 11:38

Salut Kaiji,

tu peux supprimer cette librairie:

Code:: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Elle est déjà sur ton fofo Wink

a++

par Kaiji Dim 19 Juil 2015 - 12:03

Coucou Milouze14,

Ah d'accord, merci de l'information I love you

Je l'ai donc supprimée.

par Invité Dim 19 Juil 2015 - 12:08

Re,
tu as l'effet escompté ?
Il faudrait supprimer la maintenance sur ton fofo afin de voir le bug si cela est encore le cas bien sûre Wink

a++

par Kaiji Dim 19 Juil 2015 - 12:10

Non toujours rien... J'ai retiré la maintenance afin que tu puisses voir Wink

par Invité Dim 19 Juil 2015 - 12:17

Re,
ton fofo est complétement fermé
Clic sur le lien ci-dessous et places tout le contenu dans ta gestion des scripts.

https://sd-2.archive-host.com/membres/up/13009629696308345/jquerymCustomScrollbarconcatmin.js

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.
Déposes tout le JS

Penses à cliquer sur le bouton Problème pour installer une scrollbar Boutonvalider

Problème pour installer une scrollbar Boutonvalider

Tu pourras ensuite supprimer celui-ci après:

Code:: <script src="http://sd-2.archive-host.com/membres/up/13009629696308345/jquerymCustomScrollbarconcatmin.js"></script>

a++

par Kaiji Dim 19 Juil 2015 - 12:22

Je me suis rendu compte effectivement qu'aucun forum n'était visible entre temps, j'ai rendu accessible celui où il y a l'essai de scrollbar dans « Votre premier sujet », est-ce que c'est bon au niveau des accès ?

J'ai fait ce que tu m'as dit mais ça n'a pas fonctionné Surprised

Pourtant la gestion des javascript est bien activée.

par Invité Dim 19 Juil 2015 - 12:49

Re,
le html n'est pas activé:
Général/Messages et Emails/Configuration/Autoriser le HTML :

Clic sur Oui Wink

.

a++

par Kaiji Dim 19 Juil 2015 - 13:29

Re bonjour Very Happy

Si le HTML est activé partout, dans le PA, dans mon profil, et dans le message, je viens de vérifier les trois Neutral

Je vais peut-être dire une bêtise vu que je n'y connais rien, mais sur tous les exemples donnés par le tutoriel, le code contient toujours un ID + Une class alors que dans mon code, je n'ai que des class et j'ai l'impression que du coup le lien entre le html et le js ne se fait pas... pourtant dans le tutoriel ils écrivent bien qu'avec une class c'est censé marcher aussi scratch

par Invité Dim 19 Juil 2015 - 18:06

Re,
je vais me créer un compte sur ton fofo et voir le soucis Wink

.

Edit: l'inscription ne peut se faire , elle est désactivée Tssss

Dans ton profil onglet préférences :
Toujours autoriser le HTML est bien coché sur Oui ?

Je crois avoir trouvé le soucis, il faut basculer de mode sur les messages
Laisse le code html et clique sur le bouton "Basculer de mode".
Problème pour installer une scrollbar 0128

Problème pour installer une scrollbar 0128

a++

par Kaiji Dim 19 Juil 2015 - 19:32

Re-Bonjour,

J'ai ouvert les inscriptions, si tu veux t'y inscrire pour des tests tu peux désormais Smile

J'ai tenté de basculer de mode d'édition et n'ai vu aucune différence Neutral

Et effectivement, le html est bien coché oui dans mon profil !

par Kaiji Lun 20 Juil 2015 - 14:39

Bonjour !

J'édite mon titre pour signaler que mon problème est résolu, vous pouvez archiver. Merci beaucoup Milouze14 ! Very Happy

Problème pour installer une scrollbar