Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

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

Résolu Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par pinke le Jeu 4 Mai 2017 - 9:03

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

En souhaitant me rendre sur mon forum depuis mon iPhone, je remarque malheureusement que la "barre de navigation" (avec les liens d'accueil, connexion, s'enregistrer et version mobile) n'y est pas présente. Impossible donc de se connecter au forum, notamment.

Je me demande du coup si ce n'est pas du fait que j'ai personnalisé totalement ma barre de navigation ? Mince


Dernière édition par pinke le Sam 3 Juin 2017 - 13:47, édité 1 fois
avatar

pinke
****

Féminin
Messages : 259
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par pinke le Ven 5 Mai 2017 - 9:16

UP ♥
avatar

pinke
****

Féminin
Messages : 259
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par pinke le Sam 6 Mai 2017 - 12:32

UP
avatar

pinke
****

Féminin
Messages : 259
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par pinke le Lun 8 Mai 2017 - 7:43

UP
avatar

pinke
****

Féminin
Messages : 259
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par Neptunia le Lun 8 Mai 2017 - 7:49

Bonjour ^^


Avec le même téléphone, parvenez-vous à accéder au forum des forums ?

P.S. Ca serait souhaitable de mettre sur votre profil, l'adresse d'un forum fonctionnel.
avatar

Neptunia
Membre actif

Féminin
Messages : 12008
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par pinke le Lun 8 Mai 2017 - 15:47

Bonjour Smile Oui, je peux y accéder et de même pour n'importe quel autre forum que j'ai l'habitude de fréquenter.

Par ailleurs, pour répondre à votre PS, pour l'instant je ne souhaite pas que mon forum soit connu car il est encore en construction. Voilà pourquoi je le mets sous hide et ce, jusqu'à son ouverture.
avatar

pinke
****

Féminin
Messages : 259
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par Neptunia le Lun 8 Mai 2017 - 18:25

Le menu de la version mobile étant appelé en javascript, s'il n'apparait pas, la cause devrait se trouver dans un code javascript erroné empêchant la suite du chargement des scripts.

Pour vérifier cette hypothèse :
Right PA > Modules > Gestion des codes javascript
Activer la gestion des codes javascript : Non puis Enregistrer

Si cela résout le problème, il vous faudra ensuite désactiver un par un chaque code javascript en décochant toutes les cases de placement, jusqu'à trouver le javascript provoquant le souci.
avatar

Neptunia
Membre actif

Féminin
Messages : 12008
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par pinke le Lun 8 Mai 2017 - 20:22

Merci pour votre aide ! Le problème se situe donc au niveau de ce JavaScript qui gère le "smooth scroll" (par exemple, quand on clique sur le bouton qui remonte la page) :

Code:
$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});

Ce code et celui qui permet l'affichage correct de la version mobile sont-ils totalement incompatibles ? Ou y aurait-il une solution pour garder tout de même le smooth scroll en adaptant le JS ? Confused
avatar

pinke
****

Féminin
Messages : 259
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par Neptunia le Lun 8 Mai 2017 - 20:31

Je passe la main parce que corriger un javascript dépasse mes compétences.

Ce code et celui qui permet l'affichage correct de la version mobile sont-ils totalement incompatibles ? Ou y aurait-il une solution pour garder tout de même le smooth scroll en adaptant le JS ?

Je ne pense pas qu'il s'agisse d'une incompatibilité, mais plutôt d'une erreur de syntaxe qui provoque une erreur javascript et donc son interruption (y-compris en version web)

Si toutefois il s'agissait vraiment d'un conflit, il serait possible de n'exécuter le code qu'en version web. Une solution de facilité étant d'insérer le code dans le template général/overall_header
avatar

Neptunia
Membre actif

Féminin
Messages : 12008
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par pinke le Mar 9 Mai 2017 - 8:11

Je vous remercie pour ces explications, je vais donc attendre que quelqu'un de plus calé en JS passe par là Very Happy
avatar

pinke
****

Féminin
Messages : 259
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par pinke le Ven 12 Mai 2017 - 13:26

UP
avatar

pinke
****

Féminin
Messages : 259
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par pinke le Mar 16 Mai 2017 - 7:57

UP
avatar

pinke
****

Féminin
Messages : 259
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par pinke le Jeu 18 Mai 2017 - 14:27

UP
avatar

pinke
****

Féminin
Messages : 259
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par pinke le Jeu 1 Juin 2017 - 8:01

Personne ? Sad
avatar

pinke
****

Féminin
Messages : 259
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par Walt le Jeu 1 Juin 2017 - 10:58

Bonjour,

Error: Syntax error, unrecognized expression: a[href*=#]:not([href=#])

Vous n'avez pas un moyen un peu plus conventionnel de sélectionner ce lien ?

Code:
(...)
$('a[href*=#]:not([href=#])').click(function() {
(...)

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 2894
Inscrit(e) le : 08/09/2015

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

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par pinke le Ven 2 Juin 2017 - 8:23

Bonjour, malheureusement mes connaissances en JS sont très minces... J'ai néanmoins trouvé ceci pour faire disparaître le message d'erreur en question :

$("a[href*=#]:not([href=#])").click(function() {

Mais le problème initial subsiste.
avatar

pinke
****

Féminin
Messages : 259
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par Walt le Ven 2 Juin 2017 - 11:31

Bonjour,

Le message d'erreur apparait toujours, peut-être pouvez-vous essayer ceci :
Code:
$('a[href*="#"]:not([href="#"])').click(function() {

Si vous désactivez ce script, le menu apparait bien ?

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 2894
Inscrit(e) le : 08/09/2015

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

Résolu Re: Problème au niveau de ce JavaScript qui gère le "smooth scroll" sur la version mobile

Message par pinke le Sam 3 Juin 2017 - 13:47

Oh, merci beaucoup, le problème est enfin résolu ! Le menu s'affiche maintenant correctement sur mon téléphone Very Happy
avatar

pinke
****

Féminin
Messages : 259
Inscrit(e) le : 02/05/2010

http://hawkeyeriver.forumgratuit.org/
pinke 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