Derniers sujets*
» [PHPBB2] Couleur spécifique aux membres d'un rang dans les messages
par Roza Aujourd'hui à 11:07

» [TOUTES VERSIONS] Afficher une belle infobulle au survol des boutons J aime
par clost Sam 17 Avr 2021 - 12:03

» [MODERNBB] Supprimer l'effet scroll sur la barre de navigation
par Milouze14 Lun 12 Avr 2021 - 7:56

» [MODERNBB]Retirer les crochets des groupes dans le Qeel
par Serah Sam 10 Avr 2021 - 22:48

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Stefano36 Mer 31 Mar 2021 - 21:57

» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Constellation Mer 31 Mar 2021 - 1:59

» [PHPBB2] Remplacer le mot Invité
par Constellation Mer 31 Mar 2021 - 1:37

» [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
par Constellation Mer 31 Mar 2021 - 1:31

» [TOUTES VERSIONS] Sauvegarder le contenu de l'éditeur
par Constellation Mer 31 Mar 2021 - 1:30

» [TOUTES VERSIONS]Message de confirmation de fermeture de la page pour les membres distraits
par Constellation Mer 31 Mar 2021 - 1:24

» [TOUTES VERSIONS] Afficher un texte dans l'éditeur avec transition
par Constellation Mer 31 Mar 2021 - 1:14

» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Constellation Mar 30 Mar 2021 - 22:53

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Constellation Mar 30 Mar 2021 - 22:50

» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par Milouze14 Mar 30 Mar 2021 - 6:14

» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par Constellation Dim 28 Mar 2021 - 19:34

» [TOUTES VERSIONS] Une page html connexion/deconnexion...
par Constellation Dim 28 Mar 2021 - 19:31

» [TOUTES VERSIONS] Modifier les menus défilant de l'éditeur
par Milouze14 Lun 22 Mar 2021 - 7:30

» [TOUTES VERSIONS] Faire AGRANDIR l'image ou le Smiley au passage de la souris
par photoclic Dim 21 Mar 2021 - 19:24

» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37

» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04

Les statistiques du forum
Nous avons 469 membres enregistrés

L'utilisateur enregistré le plus récent est Intertwined

Nos membres ont posté un total de 24997 messages dans 1275 sujets

[BESTOF] [PHPBB3]Bouton pour copier les liens des messages

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

avatar
photoclic
Milouzien

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

Messagephotoclic Dim 22 Déc 2019 - 22:22

  • Version du forum :
    PHPBB3
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Bonjour,

Une demande dont j'ignore à nouveau la faisabilité.

Serait-il possible, sur les messages comportant des photos, d'avoir un petit bouton qui au clic copierait les liens de ces photos s'il y en a, dans le but de pouvoir ensuite coller ces liens dans un autre sujet.

Un peu comme le bouton qui ici permet de copier un code, mais à la place du code, prendre les liens des photos éventuellement présentes dans un message.

Si cela est faisable, ce serait pour les forums 1,4,5,6 et 18.

Merci pour votre aide.

Aucune urgence étant en période de fêtes.

J'en profite pour souhaiter à tous les milouziens de bonnes fêtes de fin d'année en famille et/ou entre amis.


Dernière édition par photoclic le Mar 24 Déc 2019 - 11:25, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Lun 23 Déc 2019 - 10:24

Coucou Serge,

alors je vais te proposer le script suivant:


[BESTOF] [PHPBB3]Bouton pour copier les liens des messages 140

[BESTOF] [PHPBB3]Bouton pour copier les liens des messages 218


Il va ajouter un bouton représenté par une image( que tu pourras modifier dans le script en t'aidant des commentaires).
Seulement sur les messages ayant des images supérieures à 200px.
On va intervenir dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Afin de faire fonctionner les balises code le cas échéant.
juste avant:
Code:
<div>{postrow.displayed.MESSAGE}</div>
Déposes ceci:
Code:
<div class="M14_reception_photos"style="display:none"></div>


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


En fait, lorsque tu vas cliquer sur le bouton, tu auras les balises code
avec les balises img bbcode et le lien de ou des images présentes dans le message.

En ajoutant ce script pour la sélection automatique:
https://forum.forumactif.com/t309759-bouton-selectionner-le-contenu-pour-les-balises-de-code#2705324


Et pour finir les deux scripts,
le premier pour ajouter le bouton selon le type d'image sur les forums concernés,puis l'autre qui affichera les liens dans le corps du message.


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher  Sur les sujets

Déposer ceci:

Code:

$(function(){
if($('a.nav[href^="/f1-"],a.nav[href^="/f4-"],a.nav[href^="/f5-"],a.nav[href^="/f6-"],a.nav[href^="/f18-"]').length) {
//L IMAGE DU BOUTON
var img="https://i.servimg.com/u/f20/20/11/87/27/image10.png";
//On importe le bouton
$('.postbody').find('ul.profile-icons li:first').before('<li class="M14_copieLi"style="display:none;"><img src="'+img+'"class="M14_clickSRC"title="Copier le(s) photo(s)"/></li>');
$('.postbody').find('.content').find('img:not([longdesc])').filter(function(){
return this.width>200&&this.height>200;}).each(function(){
//on ajoute une class
$(this).addClass('M14_copie');
//on cherche le nombre
var number=$(this).length;
if(number)
{
$(this).closest('.postbody').find('li.M14_copieLi').show();
}

});

};
    
});
$(function(){
$('.M14_clickSRC').click(function(){
//on copie le ou les liens
$(this).closest('.postbody').find('.content').find('img.M14_copie').each(function(){
var link=$(this).attr('src');
$(this).closest('.postbody').find('.M14_reception_photos').show().append('<dl class="codebox"><dt>Code:<span onclick="selectCode(this)" class="selectCode">Sélectionner</span></dt><dd><code>[img]'+link+'[/img]</code></dd></dl>');

  });});
    
});

Penser a cliquer sur le bouton Valid






avatar
photoclic
Milouzien

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

Messagephotoclic Lun 23 Déc 2019 - 11:59

Bonjour Philippe,

Encore une merveille que je ne pensais pas possible.
C'est génial! Un grand merci l'ami.

Je me permets  ces demandes pour peaufiner, en espérant ne pas abuser:
. serait-il possible de ne pas dupliquer la fenêtre lorsque l'on reclique sur le bouton, ou mieux la masquer
. Un petit bouton comme sur FA pour sélectionner le lien ou comme ici pour copier directement le lien serait un plus, mais c'est déjà très bien ainsi Phil.



Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Lun 23 Déc 2019 - 17:47

Re Serge,
alors pour masquer le bouton dès lors que l'on a cliqué dessus,
remplaces le script par celui-ci:
Code:
$(function(){
if($('a.nav[href^="/f1-"],a.nav[href^="/f4-"],a.nav[href^="/f5-"],a.nav[href^="/f6-"],a.nav[href^="/f18-"]').length) {
//L IMAGE DU BOUTON
var img="https://i.servimg.com/u/f20/20/11/87/27/image10.png";
//On importe le bouton
$('.postbody').find('ul.profile-icons li:first').before('<li class="M14_copieLi"style="display:none;"><img src="'+img+'"class="M14_clickSRC"title="Copier le(s) photo(s)"/></li>');
$('.postbody').find('.content').find('img:not([longdesc])').filter(function(){
return this.width>200&&this.height>200;}).each(function(){
//on ajoute une class
$(this).addClass('M14_copie');
//on cherche le nombre
var number=$(this).length;
if(number)
{
$(this).closest('.postbody').find('li.M14_copieLi').show();
}

});

};
   
});
$(function(){
$('.M14_clickSRC').click(function(){
//on copie le ou les liens
$(this).fadeOut().closest('.postbody').find('.content').find('img.M14_copie').each(function(){
var link=$(this).attr('src');
$(this).closest('.postbody').find('.M14_reception_photos').show().append('<dl class="codebox"><dt>Code:<span onclick="selectCode(this)" class="selectCode">Sélectionner</span></dt><dd><code>[img]'+link+'[/img]</code></dd></dl>');

  });});
   
});

Un petit bouton comme sur FA pour sélectionner le lien ou comme ici pour copier directement le lien serait un plus, mais c'est déjà très bien ainsi Phil.

Tu as pris le script que je t'ai donné sur le forum des forums Serge?

Tu veux en fait, la petite main en dessous du texte "Sélectionner le contenu" ?
As tu la librairie font-awesome d'installé sur ton fofo ? :

https://forum.forumactif.com/t377879-comment-installer-et-utiliser-font-awesome-sur-son-forum#3187002




NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
avatar
photoclic
Milouzien

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

Messagephotoclic Lun 23 Déc 2019 - 18:13

Bonsoir Phil,

Non rien pris sur FA.
Le script installé est le tien.
J'ai juste ajouté une condition pour qu'il ne soit pas visible aux invités, et du css pour que le bouton soit à droite.
Tu es en admin si tu veux voir.

Je vais de ce pas essayer ton nouveau script.

avatar
photoclic
Milouzien

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

Messagephotoclic Lun 23 Déc 2019 - 18:31

Alors ton dernier script ne change rien Phil.

L'idée était qu'en cliquant sur ce bouton, la fenêtre se referme. Si trop compliqué laisse ainsi Philippe.

Non je n'ai pas la police font awesone d'installée.

Oui, ce serait un bouton pour sélectionner le contenu comme sur FA ou comme sur ton fofo le bouton "copier le code"

Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Lun 23 Déc 2019 - 18:42

Je te demande cela pour la bibliothèque awesome,
c'est pour ajouter la petite main comme cette capture:
Le script est fonctionnel juste au clic, il sera intégré dans le presse papier (copier/coller)

[BESTOF] [PHPBB3]Bouton pour copier les liens des messages 141

On part du principe que tu installes cette bibliothèque (qui te servira pour ajouter d'autre bouton très facilement car plus léger que des images comme ici:

Dans le template overall_header:
Affichage/Templates/Général/ overall_header

Recherches ceci:
Code:

{T_HEAD_STYLESHEET}

Juste avant déposes ceci:
Code:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">


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

Voilà c'est fait, ensuite voici le site des icônes disponibles:

http://seehowsupport.com/font-awesome

Pour la petite main que tu vois sur la capture,il faudra ajouter dans la feuille de style ceci:
Code:

.fae_copy-code:after
{
content: "\f25a";
font-family: FontAwesome;
position: absolute;
margin-left: -110px;
margin-top: 13px;
color:#000000;
font-size:12px;
}


Le script qui va directement sélectionner le contenu au clic avec une infobulle(que j'ai ajouté) au survol avec l'appel tooltip.
Ce script sera aussi fonctionnel sur toutes les balises codes


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mets un titre explicite.
Coches Sur les sujets

Déposes ceci:

Code:

/* -- 12. copy code button -- */
$.getScript('https://cdn.jsdelivr.net/clipboard.js/1.5.16/clipboard.min.js', function() {
  window.fae_copyCode = {
    copy : 'Copier le code',
    copied : 'Copié !'
  };

  $(function() {
    var a = $('.codebox dt').not('.spoiler > dt, .hidecode > dt'),
        i = 0,
        j = a.length;

    if (a[0]) {
      $('head').append('<style type="text/css">.fae_copy-code{float:right;cursor:pointer}.fae_copy-code:before{content:"\\f0ea";font-size:13px;font-family:FontAwesome;text-align:center;color:#69C;background:#FFF;border-radius:100%;display:inline-block;width:19px;height:19px;line-height:19px;margin:-1px 3px 0 3px}.codebox .fae_copy-code:hover:before{color:#EB5}.codebox .fae_copy-code.fae_copied:before{content:"\\f00c";font-weight:700;color:#8B5}</style>');

      for (; i < j; i++) {
        a[i].insertAdjacentHTML('beforeend', '<span class="fae_copy-code" title="Cliquez pour copier directement le lien">' + fae_copyCode.copy + '</span>');
      }

      new Clipboard('.fae_copy-code',{
        target : function (copy) {
          if (copy.innerHTML != fae_copyCode.copied) {
            return $(copy).closest('.codebox').find('code')[0];
          }
        }
      }).on('success', function (e) {
        var copy = e.trigger;

        if (copy.innerHTML != fae_copyCode.copied) {
          copy.innerHTML = fae_copyCode.copied;
          copy.className += ' fae_copied';

          window.setTimeout(function() {
            copy.innerHTML = fae_copyCode.copy;
            copy.className = copy.className.replace('fae_copied', '');
          }, 1000);
        }

        e.clearSelection();
      });
    }

  });
  $('.fae_copy-code').tooltipster({animation : 'fade',arrow : true,speed : 300,delay : 300, onlyOne : true,theme : 'tooltipster-default'});
});

Penses a cliquer sur le bouton Valid




Puis le script modifié avec l'infobulle et aussi l'appel tooltip pour le bouton de copie d'image qui sera accessible qu'aux membres.

A remplacer de l'actuel:
Code:

$(function(){
  if(!_userdata["session_logged_in"])return;
if($('a.nav[href^="/f1-"],a.nav[href^="/f4-"],a.nav[href^="/f5-"],a.nav[href^="/f6-"],a.nav[href^="/f18-"]').length) {
//L IMAGE DU BOUTON
var img="https://i.servimg.com/u/f20/20/11/87/27/image10.png";
//On importe le bouton
$('.postbody').find('ul.profile-icons li:first').before('<li class="M14_copieLi"style="display:none;"><img src="'+img+'"class="M14_clickSRC"title="Copier le(s) photo(s)"/></li>');
$('.postbody').find('.content').find('img:not([longdesc])').filter(function(){
return this.width>200&&this.height>200;}).each(function(){
//on ajoute une class
$(this).addClass('M14_copie');
//on cherche le nombre
var number=$(this).length;
if(number)
{
$(this).closest('.postbody').find('li.M14_copieLi').show();
}

});

};
   
});
$(function(){
$('.M14_clickSRC').click(function(){
//on copie le ou les liens
$(this).fadeOut().closest('.postbody').find('.content').find('img.M14_copie').each(function(){
var link=$(this).attr('src');
$(this).closest('.postbody').find('.M14_reception_photos').show().append('<dl class="codebox"><dt class="M14_dt">Code:<span class="fae_copy-code"title="Cliquez pour sélectionner le lien">Copier le code</span></dt><dd><code>[img]'+link+'[/img]</code></dd></dl>');
 $('dt.M14_dt span').tooltipster({animation : 'fade',arrow : true,speed : 300,delay : 300,onlyOne : true,theme : 'tooltipster-default'});
  });});
   
});








NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
avatar
photoclic
Milouzien

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

Messagephotoclic Lun 23 Déc 2019 - 18:48

Ah oui, gros morceau. Merci Phil.

j'essaie de suite et je reviens.

Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Lun 23 Déc 2019 - 18:57

Je me sauve pour ce soir, fête oblige Merci .
Bonne soirée et à demain matin de bonne heure (6h00/8h00 car après je serais absent).

Edit:
je viens de faire des modifications sur le positionnement des script, et je viens de me rendre compte que le script n'est plus fonctionnel.
Je vois tout cela demain matin Serge.


Dernière édition par Milouze14 le Lun 23 Déc 2019 - 19:09, édité 1 fois
avatar
photoclic
Milouzien

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

Messagephotoclic Lun 23 Déc 2019 - 19:00

Tout me semble en place.

J'ai bien la main qui apparait, mais rien n'est sélectionné et copié me semble-t-il quans je clique dessus.

avatar
photoclic
Milouzien

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

Messagephotoclic Lun 23 Déc 2019 - 19:01

Oui, je comprends Phil, pas de souci à demain.
Bonne soirée et passe de bonnes fêtes.

avatar
photoclic
Milouzien

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

Messagephotoclic Mar 24 Déc 2019 - 0:28

Re Philippe,

J'ai fait des tas d'essais sur mon forum test je suis tombé par hasard sur la découverte d'un conflit.

Lorsque dans le sujet il y a un message contenant un code, le message "Copier le code" apparait et en cliquant dessus, on a bien le message "Copié" qui apparait, c'est le code anglais qui agit.
C'est le cas ici où j'ai mis un message avec un code en bas du sujet
https://photoclic.forum-pro.fr/t21458-instants_de_vie_et_rue-les-lunettes-noires#276150:

Par contre quand on n'a pas dans le sujet un message avec un code, c'est ton script qui prend la relève avec tes textes.
C'est le cas ici où il n'y a pas de message avec code:
https://photoclic.forum-pro.fr/t21461-paysages-ca-decoiffait-ce-matin#276190

PS:Le bouton pour copier le code est à droite en haut du message avec cette image: [BESTOF] [PHPBB3]Bouton pour copier les liens des messages Index_10




Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Mar 24 Déc 2019 - 7:29

Hello Serge,
je ne sais pas ce que tu fais lorsque tu édites tes messages ,
mais ne touches pas aux icônes de message s'il te plait.


effectivement, ça fonctionne beaucoup moins bien comme disait un grand comique malheureusement disparu....

Alors les bonnes nouvelles (enfin) .
Tout est fonctionnel sur ton fofo (les modifications ont été apporté).

Alors j'ai supprimé ce script sur ton fofo(tu peux le remettre si tu le désires)
Code:

    /* -- 12. copy code button -- */
    $.getScript('https://cdn.jsdelivr.net/clipboard.js/1.5.16/clipboard.min.js', function() {
      window.fae_copyCode = {
        copy : 'Copier le code',
        copied : 'Copié !'
      };

      $(function() {
        var a = $('.codebox dt').not('.spoiler > dt, .hidecode > dt'),
            i = 0,
            j = a.length;

        if (a[0]) {
          $('head').append('<style type="text/css">.fae_copy-code{float:right;cursor:pointer}.fae_copy-code:before{content:"\\f0ea";font-size:13px;font-family:FontAwesome;text-align:center;color:#69C;background:#FFF;border-radius:100%;display:inline-block;width:19px;height:19px;line-height:19px;margin:-1px 3px 0 3px}.codebox .fae_copy-code:hover:before{color:#EB5}.codebox .fae_copy-code.fae_copied:before{content:"\\f00c";font-weight:700;color:#8B5}</style>');

          for (; i < j; i++) {
            a[i].insertAdjacentHTML('beforeend', '<span class="fae_copy-code" title="Cliquez pour copier directement le lien">' + fae_copyCode.copy + '</span>');
          }

          new Clipboard('.fae_copy-code',{
            target : function (copy) {
              if (copy.innerHTML != fae_copyCode.copied) {
                return $(copy).closest('.codebox').find('code')[0];
              }
            }
          }).on('success', function (e) {
            var copy = e.trigger;

            if (copy.innerHTML != fae_copyCode.copied) {
              copy.innerHTML = fae_copyCode.copied;
              copy.className += ' fae_copied';

              window.setTimeout(function() {
                copy.innerHTML = fae_copyCode.copy;
                copy.className = copy.className.replace('fae_copied', '');
              }, 1000);
            }

            e.clearSelection();
          });
        }

      });
      $('.fae_copy-code').tooltipster({animation : 'fade',arrow : true,speed : 300,delay : 300, onlyOne : true,theme : 'tooltipster-default'});
    });

Et remplacé ce script:
Code:

    $(function(){
      if(!_userdata["session_logged_in"])return;
    if($('a.nav[href^="/f1-"],a.nav[href^="/f4-"],a.nav[href^="/f5-"],a.nav[href^="/f6-"],a.nav[href^="/f18-"]').length) {
    //L IMAGE DU BOUTON
    var img="https://i.servimg.com/u/f31/19/32/37/01/index_10.png";
    //On importe le bouton
    $('.postbody').find('ul.profile-icons li:first').before('<li class="M14_copieLi"style="display:none;"><img src="'+img+'"class="M14_clickSRC"title="Copier le(s) photo(s)"/></li>');
    $('.postbody').find('.content').find('img:not([longdesc])').filter(function(){
    return this.width>200&&this.height>200;}).each(function(){
    //on ajoute une class
    $(this).addClass('M14_copie');
    //on cherche le nombre
    var number=$(this).length;
    if(number)
    {
    $(this).closest('.postbody').find('li.M14_copieLi').show();
    }

    });

    };
      
    });
    $(function(){
    $('.M14_clickSRC').click(function(){
    //on copie le ou les liens
    $(this).fadeOut().closest('.postbody').find('.content').find('img.M14_copie').each(function(){
    var link=$(this).attr('src');
    $(this).closest('.postbody').find('.M14_reception_photos').show().append('<dl class="codebox"><dt class="M14_dt">Code:<span class="fae_copy-code"title="Cliquez pour sélectionner le lien">Copier le code</span></dt><dd><code>[img]'+link+'[/img]</code></dd></dl>');
     $('dt.M14_dt span').tooltipster({animation : 'fade',arrow : true,speed : 300,delay : 300,onlyOne : true,theme : 'tooltipster-default'});
      });});
      
    });




Par celui-ci:
Code:

$(function(){
          if(!_userdata["session_logged_in"])return;
        if($('a.nav[href^="/f1-"],a.nav[href^="/f4-"],a.nav[href^="/f5-"],a.nav[href^="/f6-"],a.nav[href^="/f18-"]').length) {
        //L IMAGE DU BOUTON
        var img="https://i.servimg.com/u/f31/19/32/37/01/index_10.png";
        //On importe le bouton
        $('.postbody').find('ul.profile-icons li:first').before('<li class="M14_copieLi"style="display:none;"><img src="'+img+'"class="M14_clickSRC"title="Copier le(s) photo(s)"/></li>');
        $('.postbody').find('.content').find('img:not([longdesc])').filter(function(){
        return this.width>200&&this.height>200;}).each(function(){
        //on ajoute une class
        $(this).addClass('M14_copie');
        //on cherche le nombre
        var number=$(this).length;
        if(number)
        {
        $(this).closest('.postbody').find('li.M14_copieLi').show();
        }

        });

        };
        
        });
      
$(function(){
$('.M14_clickSRC').click(function(){
//on copie le ou les liens
$(this).fadeOut().closest('.postbody').find('.content').find('img.M14_copie').each(function(){
var link=$(this).attr('src');
$(this).closest('.postbody').find('.M14_reception_photos').show().append('<dl id="M14_code"class="codebox"><dt>Code:<span class="M14_copy-code"title="Cliquez pour sélectionner le lien">Copier le code</span></dt><dd><code><textarea class="texta">[img]'+link+'[/img]</textarea></code></dd></dl>');
   $('.M14_copy-code').tooltipster({animation : 'fade',arrow : true,speed : 300,delay : 300,onlyOne : true,theme : 'tooltipster-default'});
$('.M14_copy-code').on( 'click', function() {
var copyText =$(this).closest('dl').find('textarea');
copyText.select();
document.execCommand("copy");
$(this).replaceWith('<span class="M14_copy-code_ok"> Copié </span>');
});
});});});

Et ajouté ceci dans ta feuille de style:

Code:

.M14_copy-code_ok:after
{
content: "\f00c";
font-family: FontAwesome;
position: absolute;
margin-left:10px;
color:darkgreen;
font-size:12px;
}





L'ajout de css correspond au bouton lorsque que le membre aura cliqué sur "Copier le code"
Un texte de remplacement sera effectué ==>  "Copié".

[BESTOF] [PHPBB3]Bouton pour copier les liens des messages 142



[BESTOF] [PHPBB3]Bouton pour copier les liens des messages 219
avatar
photoclic
Milouzien

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

Messagephotoclic Mar 24 Déc 2019 - 11:25

Bonjour Philippe,

Cette fois tout est parfait l'ami, t'es génial.

Un grand merci pour tout ça.

Je te souhaite de bonnes fêtes de fin d'année pour toi et tous tes proches.

Je passe en résolu tape la

Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Mar 24 Déc 2019 - 18:42

De rien Serge, passes de très bonnes fêtes de Noël.

Hello


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

A bientôt pour une prochaine demande clin oeil





NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

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

Sujets similaires internes ( 0 )
Aucun sujet

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à Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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