Discussion :

[maxtrident]

bonjour
je n'arrive pas à copier le texte...j'ai comme erreur

navigator.clipboard is undefined

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<label for="lientxt">Lien : <span id="copie"></span></label>
<input readonly style="width: 100%;" value='<a href="https://www..fr/?referer=<?php echo $_SESSION['log'] ?>" title="to.fr" target="_blank"> https://www..fr/?referer=<?php echo $_SESSION["log"] ?></a>' id="lientxt" />

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<script>
let copier = document.getElementById("copie")
let cliclien = document.getElementById("lientxt")
let lientxt = document.getElementById('lientxt').value;
console.log(lientxt);
cliclien.addEventListener(`focus`, () => cliclien.select());
cliclien.addEventListener('click', () => {
 navigator.clipboard.writeText(lientxt);
  copier.innerText = " Copié ! (Ctrl + v = collé)";
});
</script>

[ProgElecT]

Salut

Peut être que tu veux utiliser l'api dans un conteste non sécurisé http alors que l'api doit être utilisé dans le contexte https

[maxtrident]

salut
ha ok, je galère à tester depuis des heures pleins de truc et toujours la même erreur.
je suis sur wamp donc c'est ça la raison.
merci

[ProgElecT]

Re

Voilà la solution que j'utilise (elle n'est pas de moi)

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
			let soumistxt = document.getElementById("infBis").textContent;
			if (soumistxt!==""){
				copyToClipboard(soumistxt);
			}
			function copyToClipboard(text) {
				const elem = document.createElement('textarea');
				elem.value = text;
				document.body.appendChild(elem);
				elem.select();
				document.execCommand('copy');
				document.body.removeChild(elem);
			}//---------------------------------------------------------

Le texte est dans le presse papier

[maxtrident]

oui j'avais vue aussi execCommand mais à voir c'est Obsolète.

[ProgElecT]

Salut

C'est sûr, mais HTTP lui aussi devient obsolète vis à vis de https

[Doksuri]

il y avait un autre thread sur la copie de texte, c'est en cherchant une solution a developer.mozilla.org/fr/docs/Web/API/Document/execCommand (qui est deprecated) que j'ai trouve developer.mozilla.org/fr/docs/Web/API/Clipboard_API

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
navigator.clipboard
      .readText()
      .then(clipText => {
          console.log('text in clipboard : ', clipText);
      });