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 2013 - 12: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 2013 - 19: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 2013 - 13: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 2013 - 13: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 2013 - 13: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 2013 - 13: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 2013 - 13: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 2013 - 13: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 2013 - 13: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 2013 - 14: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 2013 - 18: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 2013 - 17: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 2013 - 22: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 2013 - 17: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 2013 - 12: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 2013 - 14: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 2013 - 23: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 2013 - 13: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 2013 - 12: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 2013 - 12: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 2013 - 13: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 2013 - 14: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 2013 - 18: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 2013 - 16: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 2013 - 12: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 2013 - 12: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 2013 - 13: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 2013 - 12: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 2013 - 12: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 2013 - 14: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 2013 - 11: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