Code Javascript qui pose problème à la version mobile et au panneau d'administration

+4
nickylarson
Luluwebmaster
roro042
Arlem
8 participants

Page 1 sur 4 1, 2, 3, 4  Suivant

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

Résolu Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Lun 22 Avr - 7:21

Bonjour,

Je reposte ce sujet car l'ancien a été corbeillé (pas de réponse et je n'avais pas fait de up). Je vous remets donc le message.

J'ai récemment installé un code Javascript (sur toutes les pages) sur mon forum, permettant de remonter en haut de page en cliquant sur un bouton. Le code est celui-ci :

Code:
$(window).scroll(function() {
  if($(window).scrollTop() == 0){
    $('#scrollToTop').fadeOut("fast");
  } else {
    if($('#scrollToTop').length == 0){
      $('body').append('<div id="scrollToTop">'+
      '<a href="#">Remonter</a>'+
        '</div>');
    }
    $('#scrollToTop').fadeIn("fast");
  }
});
 
 
 
$('#scrollToTop a').live('click', function(event){
  event.preventDefault();
  $('html,body').animate({scrollTop: 0}, 'slow');
});

Tout se passe bien, mais il fait bugger la version mobile.
Habituellement, sur les forum FA, lorsque on navigue sur la version mobile, en haut à droite il y a un flèche grise qui permet de passer en "Version Web", se déconnecter, etc...

Cependant, lorsque je mets ce code, il n'y a plus cette flèche grise. Impossible de passer en version classique donc.
Le problème vient bien du code ci-dessus, car lorsque je l'enlève, la flèche réapparaît immédiatement.
Je souhaiterai donc résoudre ce souci, car c'est plutôt embêtant...

EDIT : Il pose aussi problème au panneau d'administration, voir https://forum.forumactif.com/t352334-redirection-automatique-dans-le-panneau-d-administration#3000540

Vous avez compris le problème ? Vous souhaitez des captures d'écran ?

Merci d'avance et bonne soirée,

Gabriel.


Dernière édition par 2011N2 le Lun 10 Juin - 14:29, édité 1 fois
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par Arlem Lun 22 Avr - 8:29

Bonjour,

Tu utilises quel OS Mobile et quel navigateur ? Je ne reproduis pas le bug chez moi...
avatar

Arlem
Membre actif

Messages : 2550
Inscrit(e) le : 30/06/2009

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Lun 22 Avr - 8:31

Salut,

Je tourne sur iOS et c'est le même problème avec Google Chrome et Safari...

Tu as essayé sur mon forum ? (Le lien est celui dans mon profil)

@+

Gabriel.
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par Arlem Lun 22 Avr - 8:45

Non effectivement, j'avais essayé sur le mien en reprenant le code du premier message. Sur le tien j'ai effectivement le soucis, ça peut venir du coup de l'utilisation de deux scripts en même temps, essaie de les désactiver un par un en laissant celui pour revenir en haut activé voir si à un moment tu n'as plus le soucis.
avatar

Arlem
Membre actif

Messages : 2550
Inscrit(e) le : 30/06/2009

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Lun 22 Avr - 8:47

Re,

Oui mais le seul problème est que tous mes scripts me servent... Et c'est bien du à ce script puisque lorsque je l'enlève ça marche.

Je vais faire ce que tu dis pour voir avec quel script il rentre en conflit.

Je te tiens au courant.

Merci,

Gabriel.
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par Arlem Lun 22 Avr - 8:48

Je n'ai pas dit qu'il allait falloir enlever l'autre Mr. Green, juste que si on arrive comme ça à savoir avec lequel il rentre en conflit en pourra essayer de voir comment corriger le soucis.

Tiens nous au courant. Wink
avatar

Arlem
Membre actif

Messages : 2550
Inscrit(e) le : 30/06/2009

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Lun 22 Avr - 8:49

Oui oui c'est bien ce que je dis. Very Happy
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Lun 22 Avr - 8:52

Re,

Ah bah tiens j'ai de la chance le premier code que j'ai essayé était le bon...^^

C'est celui qui permet de voir les nouveaux messages sur la chatbox et rendre les postes plus rapides :

Code:
if (window !=top ) {top.location=window.location;}
if(!window.localStorage) {
  $("meta[http-equiv='refresh'][content]:first").each(function() {
    parent.location.href = $(this).attr("content").replace(/^.*;url=/, "")
  })
}else {
  var a = JSON.parse(localStorage.getItem("chatboxNotify"));
  if(!$("meta[http-equiv='refresh'][content]:first").length || !a) {
    $("meta[http-equiv='refresh'][content]:first").each(function() {
      parent.location.href = $(this).attr("content").replace(/^.*;url=/, "")
    })
  }else {
    $(function() {
      var b = $("span.gen a[href^='/t']").attr("href");
      document.referrer == a[0] && b && $.post("/chatbox/chatbox_actions.forum", {mode:"send", sent:"/me " + ("reply" == a[1] ? "a r\u00e9pondu au sujet " : "a cr\u00e9\u00e9 le sujet ") + "[url=http://" + location.hostname + b + "]" + a[2] + "[/url]"}, function() {
        localStorage.removeItem("chatboxNotify");
        $("meta[http-equiv='refresh'][content]:first").each(function() {
          parent.location.href = $(this).attr("content").replace(/^.*;url=/, "")
        })
      });
      localStorage.removeItem("chatboxNotify")
    })
  }
  $(function() {
    $("form[name='post']").length && /^reply|newtopic$/.test(document.post.mode.value) && $(document.post).submit(function() {
      localStorage.setItem("chatboxNotify", JSON.stringify([document.location.href.replace(/^(.*?)#.*$/, "$1"), document.post.mode.value, ($("a.nav:last[href^='/t']") || $("h1.cattitle")).text() || document.post.subject && document.post.subject.value || "ici"]))
    })
  })
};

Merci Smile

Gabriel.
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Mar 23 Avr - 9:04

Up Smile
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Mer 24 Avr - 13:12

Up.. Smile
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Jeu 25 Avr - 12:58

Up Smile
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par nickylarson Jeu 25 Avr - 17:38

Bonsoir


Desoler je suis membres de ce forum et cela esf tres contragnant ce disfonctionnemet

Merci
nickylarson

nickylarson
****

Messages : 332
Inscrit(e) le : 26/01/2012

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Ven 26 Avr - 12:28

Up. Smile

Merci d'avance.
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Sam 27 Avr - 7:42

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Dim 28 Avr - 9:18

Up...

Je fais un résumé du problème si besoin...

J'ai deux codes Javascript (les 2 sur toutes les pages) qui posent problème à la version mobile : disparition du bouton grisé permettant de passer à la version classique, se connecter, etc...

Les deux codes en question sont :

Code:
if (window !=top ) {top.location=window.location;}
if(!window.localStorage) {
  $("meta[http-equiv='refresh'][content]:first").each(function() {
    parent.location.href = $(this).attr("content").replace(/^.*;url=/, "")
  })
}else {
  var a = JSON.parse(localStorage.getItem("chatboxNotify"));
  if(!$("meta[http-equiv='refresh'][content]:first").length || !a) {
    $("meta[http-equiv='refresh'][content]:first").each(function() {
      parent.location.href = $(this).attr("content").replace(/^.*;url=/, "")
    })
  }else {
    $(function() {
      var b = $("span.gen a[href^='/t']").attr("href");
      document.referrer == a[0] && b && $.post("/chatbox/chatbox_actions.forum", {mode:"send", sent:"/me " + ("reply" == a[1] ? "a r\u00e9pondu au sujet " : "a cr\u00e9\u00e9 le sujet ") + "[url=http://" + location.hostname + b + "]" + a[2] + "[/url]"}, function() {
        localStorage.removeItem("chatboxNotify");
        $("meta[http-equiv='refresh'][content]:first").each(function() {
          parent.location.href = $(this).attr("content").replace(/^.*;url=/, "")
        })
      });
      localStorage.removeItem("chatboxNotify")
    })
  }
  $(function() {
    $("form[name='post']").length && /^reply|newtopic$/.test(document.post.mode.value) && $(document.post).submit(function() {
      localStorage.setItem("chatboxNotify", JSON.stringify([document.location.href.replace(/^(.*?)#.*$/, "$1"), document.post.mode.value, ($("a.nav:last[href^='/t']") || $("h1.cattitle")).text() || document.post.subject && document.post.subject.value || "ici"]))
    })
  })
};

(Qui permet de réduire le temps d'affichage du message de confirmation lors d'un message posté + une apparition sur la chatbox)

Code:
$(window).scroll(function() {
  if($(window).scrollTop() == 0){
    $('#scrollToTop').fadeOut("fast");
  } else {
    if($('#scrollToTop').length == 0){
      $('body').append('<div id="scrollToTop">'+
      '<a href="#">Remonter</a>'+
        '</div>');
    }
    $('#scrollToTop').fadeIn("fast");
  }
});
 
 
 
$('#scrollToTop a').live('click', function(event){
  event.preventDefault();
  $('html,body').animate({scrollTop: 0}, 'slow');
});

(Qui permet de mettre un bouton "Remonter", permettant donc de remonter en haut de page)

Merci,

Gabriel.
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Lun 29 Avr - 18:05

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Mar 30 Avr - 8:50

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Mer 1 Mai - 7:44

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Jeu 2 Mai - 7:20

Up...
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Ven 3 Mai - 8:05

UP
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par roro042 Ven 3 Mai - 9:04

Bonjour,

Up please Smile

Bonne journée,
++
avatar

roro042
*

Messages : 33
Inscrit(e) le : 11/11/2011

http://denis-brunet.forumgratuit.org
roro042 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Sam 4 Mai - 13:58

15e up...
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Dim 5 Mai - 11:02

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Lun 6 Mai - 7:52

UP
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Mar 7 Mai - 7:26

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Mer 8 Mai - 8:30

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Jeu 9 Mai - 7:52

20e up...
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Ven 10 Mai - 7:04

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Sam 11 Mai - 9:56

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Résolu Re: Code Javascript qui pose problème à la version mobile et au panneau d'administration

Message par 2011N2 Dim 12 Mai - 6:57

Up
2011N2

2011N2
Membre habitué

Masculin
Messages : 1415
Inscrit(e) le : 10/04/2011

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

Page 1 sur 4 1, 2, 3, 4  Suivant

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