Derniers sujets*
» [AWESOMEBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 19:03

» [MODERNBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 18:53

» [AWESOMEBB]Modifier les icônes de la réponse rapide
par Milouze14 Sam 17 Juil 2021 - 19:37

» [MODERNBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 12 Juil 2021 - 8:37

» [AWESOMEBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Mer 7 Juil 2021 - 19:25

» [PHPBB2]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 5 Juil 2021 - 19:35

» [PHPBB3]Afficher des commentaires sous forme de vignettes
par photoclic Jeu 1 Juil 2021 - 23:28

» [PHPBB2] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
par Ptite_Perle Jeu 24 Juin 2021 - 18:29

» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par Milouze14 Mer 23 Juin 2021 - 7:01

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par Constellation Mer 16 Juin 2021 - 0:53

» [PHPBB2] Afficher le posteur du sujet dans les réponses
par Constellation Jeu 10 Juin 2021 - 23:45

» [PHPBB2] Afficher les brouillons en attente sur toutes les pages etc etc
par Constellation Jeu 10 Juin 2021 - 23:43

» [PHPBB2]Supprimer le tag "Re" sur les messages
par Constellation Jeu 10 Juin 2021 - 2:37

» [TOUTES VERSIONS] Ajouter le texte bienvenu et le Pseudo dans l'onglet du navigateur
par Constellation Jeu 10 Juin 2021 - 2:31

» [TOUTES VERSIONS] Afficher la partie profil de la toolbar en bas à gauche avec effet slide
par Constellation Jeu 10 Juin 2021 - 2:27

» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Constellation Jeu 10 Juin 2021 - 2:25

» [TOUTES VERSIONS]Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
par Constellation Jeu 10 Juin 2021 - 2:23

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Constellation Jeu 10 Juin 2021 - 2:20

» [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
par Chéryl Sam 29 Mai 2021 - 19:40

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par fred9545 Sam 29 Mai 2021 - 11:51

Les statistiques du forum
Nous avons 480 membres enregistrés

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

Nos membres ont posté un total de 26586 messages dans 1349 sujets

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

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

Message n°10
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
Message n°20
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






Message n°30
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.



Message n°40
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).
Message n°50
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.

Message n°60
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"

Message n°70
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).
Message n°80
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.

Message n°90
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
Message n°100
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.

Message n°110
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.

Message n°120
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




Message n°130
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
Message n°140
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

Message n°150
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 les BESTOF

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