Problème pour installer une scrollbar

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

Résolu Problème pour installer une scrollbar

Message par Kaiji le 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 :
http://sd-2.archive-host.com/membres/up/13009629696308345/jquerymCustomScrollbar.css
http://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 :


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 !


Dernière édition par Kaiji le Lun 20 Juil 2015 - 14:39, édité 1 fois

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.com/
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour installer une scrollbar

Message par Milouze14 le 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++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Problème pour installer une scrollbar

Message par Kaiji le Dim 19 Juil 2015 - 12:03

Coucou Milouze14,

Ah d'accord, merci de l'information I love you Je l'ai donc supprimée.

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.com/
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour installer une scrollbar

Message par Milouze14 le 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++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Problème pour installer une scrollbar

Message par Kaiji le Dim 19 Juil 2015 - 12:10

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

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.com/
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour installer une scrollbar

Message par Milouze14 le 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.

http://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

Tu pourras ensuite supprimer celui-ci après:
Code:
<script src="http://sd-2.archive-host.com/membres/up/13009629696308345/jquerymCustomScrollbarconcatmin.js"></script>

a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Problème pour installer une scrollbar

Message par Kaiji le 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.

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.com/
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour installer une scrollbar

Message par Milouze14 le 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++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Problème pour installer une scrollbar

Message par Kaiji le 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

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.com/
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour installer une scrollbar

Message par Milouze14 le 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".




a++

Milouze14
+ Hyperactif +

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

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

Résolu Re: Problème pour installer une scrollbar

Message par Kaiji le 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 !

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.com/
Kaiji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour installer une scrollbar

Message par Kaiji le 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 Very Happy Very Happy

Kaiji
****

Messages : 228
Inscrit(e) le : 06/06/2010

http://www.i-love-harvard.com/
Kaiji 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