Groups | Search | Server Info | Keyboard shortcuts | Login | Register


Groups > fr.comp.lang.javascript > #3318

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

From CriCri <bitwyse@le{TIRET}maquis.net>
Newsgroups fr.comp.lang.javascript
Subject Re: Interagir avec le presse-papiers dans une page web
Date 2024-09-22 14:00 +0200
Organization Bitwyse
Message-ID <vcp0s3$26sib$1@dont-email.me> (permalink)
References <vcndci$r85$1@cabale.usenet-fr.net>

Show all headers | View raw


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.

Back to fr.comp.lang.javascript | Previous | NextPrevious in thread | Next in thread | Find similar


Thread

Interagir avec le presse-papiers dans une page web Olivier Miakinen <om+news@miakinen.net> - 2024-09-21 23:21 +0200
  Re: Interagir avec le presse-papiers dans une page web CriCri <bitwyse@le{TIRET}maquis.net> - 2024-09-22 14:00 +0200
    Re: Interagir avec le presse-papiers dans une page web CriCri <bitwyse@le{TIRET}maquis.net> - 2024-09-22 19:53 +0200
  Re: Interagir avec le presse-papiers dans une page web Thomas Alexandre <none@no.invalid> - 2024-09-24 13:09 +0000
    Re: Interagir avec le presse-papiers dans une page web CriCri <bitwyse@le{TIRET}maquis.net> - 2024-09-25 15:04 +0200
    Re: Interagir avec le presse-papiers dans une page web Olivier Miakinen <om+news@miakinen.net> - 2024-09-26 00:24 +0200
    Re: Interagir avec le presse-papiers dans une page web Olivier Miakinen <om+news@miakinen.net> - 2024-09-27 22:39 +0200
      [RÉSOLU] Interagir avec le presse-papiers dans une page web Olivier Miakinen <om+news@miakinen.net> - 2024-09-28 23:06 +0200
        Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web Gilbert OLIVIER <gibert.olivier@orange.fr.invalid> - 2024-09-29 17:58 +0000
          Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web Olivier Miakinen <om+news@miakinen.net> - 2024-09-30 18:38 +0200
            [Demande de tests] Interagir avec le presse-papiers dans une page web Olivier Miakinen <om+news@miakinen.net> - 2024-09-30 21:49 +0200
            Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web Gilbert OLIVIER <gibert.olivier@orange.fr.invalid> - 2024-10-01 18:31 +0000
              Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web Olivier Miakinen <om+news@miakinen.net> - 2024-10-02 14:01 +0200
                Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web Gilbert OLIVIER <gibert.olivier@orange.fr.invalid> - 2024-10-03 14:49 +0000
          Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web Thomas Alexandre <none@no.invalid> - 2024-10-03 08:20 +0000
            Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web Olivier Miakinen <om+news@miakinen.net> - 2024-10-05 19:38 +0200
        Re: [RÉSOLU] Interagir avec le presse-papiers dans une page web Thomas Alexandre <none@no.invalid> - 2024-10-03 10:36 +0000

csiph-web