hideedit en version mobile

[kailash35]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://capchiens.forumpro.fr/

Description du problème

Bonjour à tous,
lorque je peaufine un sujet, il m'arrive de l'éditer plusieurs fois.
J'utilise [hideedit].
Cela fonctionne sans problème dans la version classique du forum.

Comment faire pour que cela fonctionne aussi en version mobile?
Car en mobile, le code apparait et les dernières éditions aussi





Merci !

[Bipo]

Bonjour kailash35,

Je vous laisse essayer ce tutoriel (en cours de rédaction). Cela devrait répondre à votre problème, notamment le point 1.2.

Masquer la mention "Dernière édition par ..." sur un message spécifique

A travers cette astuce, vous allez apprendre à masquer la mention "Dernière édition par ..." sur un message spécifique. En effet, lorsqu'un membre édite un message ayant eu une réponse, la mention "Dernière édition par ..." apparaît sur le message. Voir illustration : Modification du template  La modification des templates n'est pas une opération à prendre à la légère. Elle requiert, au minimum, de bonnes connaissances du langage HTML. En outre, seul le fondateur du forum est habilité à en modifier les templates. Pour les messages du forum (version PC) Panneau d'administration  Affichage  Templates  Général, viewtopic_body Editez le template viewtopic_body en cliquant sur la roue crantée ; Recherchez la ligne suivante (CTRL + F) : {postrow.displayed.EDITED_MESSAGE} ; Entourez-la d'une balise <span class="edit">...</span> : Code: <span class="edit">{postrow.displayed.EDITED_MESSAGE}</span> N’oubliez pas de publier le template en cliquant sur . Pour les messages du forum (version mobile) Panneau d'administration  Affichage  Templates  Version mobile, viewtopic_body Editez le template viewtopic_body en cliquant sur la roue crantée ; Recherchez la ligne suivante (CTRL + F) : {postrow.displayed.EDITED_MESSAGE} ; Entourez-la d'une balise <span class="edit">...</span> : Code: <span class="edit">{postrow.displayed.EDITED_MESSAGE}</span> N’oubliez pas de publier le template en cliquant sur . Création du script Pour toutes les versions sauf AwesomeBB Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Masquer toutes les mentions "Dernière édition par ..." sur un message spécifique et pour placement "Sur tous les sujets" (plus d'informations sur la gestion des scripts). Code: $(function(){   $(".postbody, .post-content").filter(function(){     return-1!=$(this).html().indexOf("[hideedit]")&&$(this).html($(this).html().replace(/\[hideedit\]/g,""))   }).parent().find("span.edit").remove() }); N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications. Pour la version AwesomeBB Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Masquer toutes les mentions "Dernière édition par ..." sur un message spécifique et pour placement "Sur tous les sujets" (plus d'informations sur la gestion des scripts). Code: $(function(){   $(".post-body, .post-content").filter(function(){     return-1!=$(this).html().indexOf("[hideedit]")&&$(this).html($(this).html().replace(/\[hideedit\]/g,""))   }).parent().find("span.edit").remove() }); N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications. Résultat Lorsque j'inscris le tag [hideedit] dans un message, la ligne "Dernière édition par ..." est occultée : Voir illustration :

Cette astuce a été proposée par Self. Le code a été revu par Bipo (juillet 2021). Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.

[kailash35]

Je n'arrive pas au résultat souhaité. J'ai pourtant copié/collé pour éviter des erreurs d'écriture.
Je re re vérfierai.
Merci pour votre aide et votre temps . Je vous tiendrai au courant

[Bipo]

Re,

J'ai fait une erreur dans le script !

Essayez ceci :

Code:

$(function(){
  $(".postbody, .post-content").filter(function(){
    return-1!=$(this).html().indexOf("[hideedit]")&&$(this).html($(this).html().replace(/\[hideedit\]/g,""))
  }).parent().find("span.edit").remove()
});

Je viens de tester sur mon forum de test ! Cela fonctionne.
Bipo.

[kailash35]

Le hideedit a bien disparu mais bles images du post ont disparu (uniquement en version mobile)

J'ai supprimé le JavaScript et les photos sont revenues. Bizarre !

[Bipo]

Re,

Je constate le même problème que vous... Dès que le script est appliqué sur la class .post-content et que la tag [hideedit] est présent, les images sont remplacées par une image vide d'une hauteur de 500px :

Je ne vois pas de solution pour le moment car je ne comprends pas comment le script peut agir sur les images

Je vais continuer à chercher ! Peut-être que Milouze14 a une idée ?

Bipo.

[Bipo]

Re,

ça m'a bien pris la tête ce truc !

Bon, visiblement, je ne peux pas utiliser le même script entre la version "PC" et la version mobile... Je ne comprends pas trop le pourquoi du comment. Toutefois, pouvez vous essayez ceci :

Code:

/* Pour la version mobile */

$(function(){
  $(".post-content").contents().each(function(){
    if(this.nodeType==3){
      this.nodeValue = this.nodeValue.replace(/\[hideedit\]/gi, '');
     $('span.edit').remove()
       }
  })
});

/* Pour la version PC */

$(function(){
  $(".postbody").filter(function(){
    return-1!=$(this).html().indexOf("[hideedit]")&&$(this).html($(this).html().replace(/\[hideedit\]/g,""))
  }).parent().find("span.edit").remove()
});

[kailash35]

Bipo, un tout grand merci pour votre aide et votre temps. Votre nouveau script fonctionne!