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

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 le 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 http://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
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Lun 22 Avr 2013 - 13:29

Bonjour,

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

Arlem
+ Hyperactif +

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 le 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
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le 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.

Arlem
+ Hyperactif +

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 le 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
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le 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

Arlem
+ Hyperactif +

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 le Lun 22 Avr 2013 - 13:49

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

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le 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
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Mar 23 Avr 2013 - 14:04

Up Smile

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Mer 24 Avr 2013 - 18:12

Up.. Smile

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Jeu 25 Avr 2013 - 17:58

Up Smile

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Jeu 25 Avr 2013 - 22:38

Bonsoir


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

Merci

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 le Ven 26 Avr 2013 - 17:28

Up. Smile

Merci d'avance.

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Sam 27 Avr 2013 - 12:42

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le 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
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Lun 29 Avr 2013 - 23:05

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Mar 30 Avr 2013 - 13:50

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Mer 1 Mai 2013 - 12:44

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Jeu 2 Mai 2013 - 12:20

Up...

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Ven 3 Mai 2013 - 13:05

UP

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Ven 3 Mai 2013 - 14:04

Bonjour,

Up please Smile

Bonne journée,
++

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 le Sam 4 Mai 2013 - 18:58

15e up...

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Dim 5 Mai 2013 - 16:02

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Lun 6 Mai 2013 - 12:52

UP

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Mar 7 Mai 2013 - 12:26

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Mer 8 Mai 2013 - 13:30

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Jeu 9 Mai 2013 - 12:52

20e up...

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Ven 10 Mai 2013 - 12:04

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Sam 11 Mai 2013 - 14:56

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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 le Dim 12 Mai 2013 - 11:57

Up

2011N2
# Tropactif #

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

http://www.forum-entraide-informatique.com/
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


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum