Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB3] Bouton prévisualisation


2 participants

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

photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 27 Oct 2021 - 1:01

  • Version du forum :
    PHPBB3
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Bonjour à tous les milouziens,

J'utilise sur mon forum ce script pour la prévisualisation directe et présentée sous l'éditeur:
https://www.milouze14.com/t32134-toutes-versions-activer-la-previsualisation-directe#610702

j'ai choisi de ne pas garder le bouton "Prévisualisation" en mettant comme indiqué dans l'astuce ce code:
Code:
 preview_button_on = false;

Or, on ne retrouve dans la messagerie ni la prévisualisation directe, ni le bouton de prévisualisation.

y aurait-il une solution simple pour avoir dans la messagerie l'une ou l'autre de ces fonctions (prévisualisation ou bouton).

Merci pour votre aide.


Dernière édition par photoclic le Mer 27 Oct 2021 - 13:02, édité 1 fois

Milouze14 aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 27 Oct 2021 - 4:08

Coucou Serge,
alors effectivement, le soucis est présent sur la messagerie privée.
Pour contourner cette incompréhension,
on va purement ajouter la div dans le template:posting_body
Affichage/Templates/Poster et messages privés/posting_body

Recherches ceci (ligne 51 environ):

Code:

<div class="panel" id="postingbox">

Juste avant déposes ceci:

Code:
  
<!-- BEGIN switch_privmsg -->
  <div id="preview" class="post row2"><div class="inner"><span class="corners-top"><span></span></span><div class="postbody">
<div class="h3">{L_PREVIEW}</div><div class="content" style="min-height:18px;"></div></div><span class="corners-bottom"><span></span></span></div>
</div>

<!-- END switch_privmsg -->



Penses à enregistrer puis à valider en cliquant respectivement sur   Enregistr puis Ajout


Si tu souhaites sous l'éditeur, il faudra déposer le même code html juste avant ceci (ligne 175 environ) :
Code:
<div class="panel row2">


Code:
  
<!-- BEGIN switch_privmsg -->
  <div id="preview" class="post row2"><div class="inner"><span class="corners-top"><span></span></span><div class="postbody">
<div class="h3">{L_PREVIEW}</div><div class="content" style="min-height:18px;"></div></div><span class="corners-bottom"><span></span></span></div>
</div>

<!-- END switch_privmsg -->


Tu peux aussi remplacer le code html par celui-ci que je trouve plus sobre:
Code:
  
  <!-- BEGIN switch_privmsg -->
<div id="preview" class="post row2" style="padding: 1px 1px 1px 10px;"><div class="h3">{L_PREVIEW}</div><div class="content" style="min-height:60px;"></div></div>
<!-- END switch_privmsg -->

Tu pourras diminuer ou augmenter le style directement dans le code html  clin oeil


Le rendu sur les mps avec le code html ci-dessus en le plaçant sous l'éditeur:

[PHPBB3] Bouton prévisualisation 1349

On peut aussi faire un glisser déposé de cet ajout, c'est à dire déplacer le bloc ou l'on veut afin de bien visualiser l'éditeur et la prévisualisation.
J'avais vu ce script bien sympa se balader sur le FDF, donc si tu es intéressé:

Ajoutes ceci dans ta feuille de style:
Code:
#M14_PrevIeW
{
position:fixed;
z-index:9;
width:90%;
top:40px;
right:5%;
left:5%;
cursor:move;
}

Ce qui veut dire que la prévisualisation sur les mps seulement sera en haut de page en position fixed avec une largeur de 90% et des marges droite et gauche de 5% et un z-index a 9 voir plus si besoin.

Il est impératif d'avoir des dimensions Serge et une position fixed ou absolute, le fait de mettre en fixed ne veut pas dire
que le bloc sera toujours fixé mais au moins pour l'affichage ensuite avec la souris , il sera déplaçable sur l'ensemble de la page.

Le code html avec le script:
Code:
  <!-- BEGIN switch_privmsg -->
  <div id="M14_PrevIeW">
<div id="preview" class="post row2 " style="padding: 1px 1px 1px 10px;"><div class="h3">{L_PREVIEW}</div><div class="content" style="min-height:60px;"></div></div>
  </div>
<script type="text/javascript">
dragElement(document.getElementById("M14_PrevIeW"));
 
function dragElement(elmnt) {
  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
  elmnt.onmousedown = dragMouseDown;
 
  function dragMouseDown(e) {
    e = e || window.event;
    e.preventDefault();
 
    pos3 = e.clientX;
    pos4 = e.clientY;
    document.onmouseup = closeDragElement;
    document.onmousemove = elementDrag;
  }
 
  function elementDrag(e) {
    e = e || window.event;
    e.preventDefault();
 
    pos1 = pos3 - e.clientX;
    pos2 = pos4 - e.clientY;
    pos3 = e.clientX;
    pos4 = e.clientY;
 
    elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
    elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
  }
 
  function closeDragElement() {
    document.onmouseup = null;
    document.onmousemove = null;
  }
}
</script>
<!-- END switch_privmsg -->

Voir le résultat sur le header de mon fofo de test phpbb3:
Déplaces le avec ta souris ok .

https://testphpbb3.1fr1.net/

photoclic aime ce message

photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 27 Oct 2021 - 12:58

Bonjour Philippe,

Un grand merci pour ces développements.
Tout fonctionne à merveille Merci

j'ai fait mon marché et j'ai opté pour ton html sobre.

t'es un as l'ami tape la  

Très sympa aussi ton script de glisser déposer. Je mets ça dans un coin de ma tête.

Message envoyé via la réponse rapide par: @photoclic

Milouze14 aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 27 Oct 2021 - 15:24

De rien Serge ok ,


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil



Message envoyé via la réponse rapide par: @Milouze14

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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