Re: Interagir avec le presse-papiers dans une page web

Liste des GroupesRevenir à fcl javascript 
Sujet : Re: Interagir avec le presse-papiers dans une page web
De : bitwyse (at) *nospam* le{TIRET}maquis.net (CriCri)
Groupes : fr.comp.lang.javascript
Date : 22. Sep 2024, 13:00:03
Autres entêtes
Organisation : Bitwyse
Message-ID : <vcp0s3$26sib$1@dont-email.me>
References : 1
User-Agent : Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:123.0) Gecko/20100101 Firefox/123.0
Olivier Miakinen a écrit :
 J'aimerais améliorer ma page, avec un système permettant de mettre
automatiquement un caractère dans le presse-papiers (clipboard) quand on
clique dessus, au lieu de devoir le sélectionner puis taper Ctrl+C ou
Ctrl+Inser.
 J'ai trouvé quelques pages web qui parlent de 'document.execCommand' ou de
'navigator.clipboard', parfois qui disent que ça ne peut fonctionner qu'en
https et avec un fichier manifest.json. Mais tout ça me semble très complexe.
Est-ce que quelqu'un pourrait m'indiquer le strict minimum me permettant de
mettre en place cette fonctionnalité ?
Pour ce que tu veux faire il faudra accepter un certain degré de complication: rien que pour définir les caractères qui sont ainsi copiables.
J'ai esquissé ce qui suit (sans doute simplifiable, mais je l'ai laissé tel quel pour rester compréhensible).
[code]
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>Copier char</title>
<style type="text/css">
a, a.visited
{
text-decoration: none;
}
</style>
<script type="text/javascript">
function copy2pp( ch )
{
navigator.clipboard.writeText( ch );
}
</script>
</head>
<body>
a b c <a href="" onMouseDown="copy2pp( this.innerHTML )">$</a> d e f
</body>
</html>
[/code]
(validé HTML5, JS, CSS)
Il fait ce que tu veux parfaitement, mais trois remarques:
  1. l'accès au clipboard n'est possible qu'en https:
  2. navigator.clipboard n'est pas compris par TOUS les navigateurs.
  3. Je l'ai testé avec FireFox, qui ignore le CSS et montre le char comme un lien.
Je l'ai mis ici (un ss-domaine que je n'utilise plus):
https://coffret.stop-linky46.fr/
id  : ton prénom
mdp : ton nom de famille
(les deux avec une majuscule).
CriCri
--
Les conseils - c'est ce qu'on demande
quand on connaît déjà la réponse
mais aurait préféré ne pas savoir.

Date Sujet#  Auteur
21 Sep 24 * Interagir avec le presse-papiers dans une page web17Olivier Miakinen
22 Sep 24 +* Re: Interagir avec le presse-papiers dans une page web2CriCri
22 Sep 24 i`- Re: Interagir avec le presse-papiers dans une page web1CriCri
24 Sep 24 `* Re: Interagir avec le presse-papiers dans une page web14Thomas Alexandre
25 Sep 24  +- Re: Interagir avec le presse-papiers dans une page web1CriCri
25 Sep 24  +- Re: Interagir avec le presse-papiers dans une page web1Olivier Miakinen
27 Sep 24  `* Re: Interagir avec le presse-papiers dans une page web11Olivier Miakinen
28 Sep 24   `* [RÉSOLU] Interagir avec le presse-papiers dans une page web10Olivier Miakinen
29 Sep 24    +* Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web8Gilbert OLIVIER
30 Sep 24    i+* Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web5Olivier Miakinen
30 Sep 24    ii+- [Demande de tests] Interagir avec le presse-papiers dans une page web1Olivier Miakinen
1 Oct 24    ii`* Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web3Gilbert OLIVIER
2 Oct 24    ii `* Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web2Olivier Miakinen
3 Oct 24    ii  `- Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web1Gilbert OLIVIER
3 Oct 24    i`* Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web2Thomas Alexandre
5 Oct 24    i `- Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web1Olivier Miakinen
3 Oct 24    `- Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web1Thomas Alexandre

Haut de la page

Les messages affichés proviennent d'usenet.

NewsPortal