js qui agit sur la version mobile

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

Résolu js qui agit sur la version mobile

Message par demeter1 le Jeu 13 Oct 2016 - 17:26

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://altitudetropicale.forums-actifs.com/index.forum

Description du problème

Bonjour à tous,
Sur mon forum, les invités ont accés aux sujets mais uniquement sur le premier message.
Ce js me permet de masquer toutes les réponses apportées au sujet.

Code:
/* Bloquer la lecture hormis sur le premier sujet  */
 $(function() {
     
          if ($(window).width()>450){ $(document).ready(function(){if(!document.getElementById("logout")){var e='<img style="margin-right:6px;vertical-align: middle;" src="http://i.imgur.com/b8PNmbE.png" /><p style="display:inline; position:relative; top:1px;">Pour voir la suite de ce topic, vous devez vous <a href="/register">Enregistrer</a> ou <a href="/login" rel="hideodsigin">Vous connecter</a> à  votre compte.</p>',i=$(".post").find(".postbody div:eq(0)"),o=$(".post").find(".postbody div:eq(0)")[0];$(i).not(o).html('<div style="background-color:rgba(97,94,94,.5); border:1px solid rgba(35,43,0,.7); border-radius:2px; padding:8px 12px;">\n'+e+"</div>")}}); }
     
       
        });

Hélas, sur la version mobile, le le visuel du cadre qui camoufle les réponses est apparent mais sans cacher les réponses en elles mêmes; il se place juste au dessus.

Auriez vous une idée pour désactiver ce js sur la version mobile ?

Merci par avance pour votre aide.


Dernière édition par demeter1 le Jeu 20 Oct 2016 - 10:33, édité 1 fois

demeter1
+ Hyperactif +

Masculin
Messages : 8232
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: js qui agit sur la version mobile

Message par demeter1 le Sam 15 Oct 2016 - 19:53

up

demeter1
+ Hyperactif +

Masculin
Messages : 8232
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: js qui agit sur la version mobile

Message par demeter1 le Lun 17 Oct 2016 - 14:46

Remonte petit topic

demeter1
+ Hyperactif +

Masculin
Messages : 8232
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: js qui agit sur la version mobile

Message par Neptunia le Lun 17 Oct 2016 - 16:22

Bonjour ^^

Je viens de tester à l'instant et il suffirait de remplacer la condition de départ :
Code:
          if ($(window).width()>450)

si tu es en version moderne par :
Code:
    if($('body#mpage-body-modern').length == 0)

ou en version classique par :
Code:
    if($('body#mpage-body').length == 0)

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: js qui agit sur la version mobile

Message par demeter1 le Lun 17 Oct 2016 - 16:39

oh merci Neptunia.

Je teste ces modifications dés que je n'ai plus de soucis d'accès au forum (illiweb rame à fond aujourd'hui).

demeter1
+ Hyperactif +

Masculin
Messages : 8232
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: js qui agit sur la version mobile

Message par demeter1 le Mar 18 Oct 2016 - 18:03

Bonjour Neptunia,
Je suis en version classique.

j'ai modifié le js comme ceci

Code:
/* Bloquer la lecture hormis sur le premier sujet  */
 $(function() {
      if($('body#mpage-body').length == 0){ $(document).ready(function(){if(!document.getElementById("logout")){var e='<img style="margin-right:6px;vertical-align: middle;" src="http://i.imgur.com/b8PNmbE.png" /><p style="display:inline; position:relative; top:1px;">Pour voir la suite de ce topic, vous devez vous <a href="/register">Enregistrer</a> ou <a href="/login" rel="hideodsigin">Vous connecter</a> à  votre compte.</p>',i=$(".post").find(".postbody div:eq(0)"),o=$(".post").find(".postbody div:eq(0)")[0];$(i).not(o).html('<div style="background-color:rgba(97,94,94,.5); border:1px solid rgba(35,43,0,.7); border-radius:2px; padding:8px 12px;">\n'+e+"</div>")}}); }

Le soucis, c'est que la modif inactive le js en visualisant le forum depuis un ordi.

Merci pour ton aide.

demeter1
+ Hyperactif +

Masculin
Messages : 8232
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: js qui agit sur la version mobile

Message par Neptunia le Mar 18 Oct 2016 - 18:31

J'ai pourtant testé le code sur un forum phpBB2 avant de le proposer...

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: js qui agit sur la version mobile

Message par demeter1 le Mar 18 Oct 2016 - 18:44

Bonjour Neptunia,
dans le doute, j'ai vidé mes caches et j'ai contrôlé avec firefox , chrome, opera et safari. le visuel que j'en ai est effectivement une désactivation du js lorsuqe l'on passe par un ordi.

Il est fort possible qu'un autre de mes js invalide ce dernier. Je vais les désactiver un à un pour voir lequel pose soucis.

Merci pour cette aide et désolé pour ce contretemps.

demeter1
+ Hyperactif +

Masculin
Messages : 8232
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: js qui agit sur la version mobile

Message par Neptunia le Mar 18 Oct 2016 - 19:01

Je pense effectivement à un conflit avec un autre js ou avec la suite du js.

De mon côté j'avais testé avec un ajout tout simple d'image en haut à gauche (style ruban noir) et la condition fonctionne parfaitement. Le js fonctionne en version web mais est ignoré en version mobile.

Neptunia
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: js qui agit sur la version mobile

Message par demeter1 le Jeu 20 Oct 2016 - 10:33

Bonjour à tous,
le topic est resolu; merci Neptunia ; il s'agissait bien d'un js qui bloquait ce premier js.

Au final, j'ai retravaillé le script pour qu'il ait une action également sur la version mobile et sans l'inconvénient du premier.

Code:
$(document).ready(function(){
    if (_userdata.session_logged_in == 0) {
    $('.postbody div:eq(0),.postbody div:eq(1),.postbody div:eq(2),.postbody div:eq(3),.postbody div:eq(4)').each(function(){
    $(this).addClass('visible');
    });
    $('.postbody div:not(.visible)').html('<div class="ATIDEAONC"><a href="/register">Merci de vous enregistrer</a> ou <a href="/login">connectez vous</a></div>');
    }
    });

demeter1
+ Hyperactif +

Masculin
Messages : 8232
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 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