Page 1 sur 1

Fenêtre alerte.

Posté : 04 mai 2022, 14:28
par wisefun77
Bonjour,
J'ai un code en JavaScript qui copie du texte dans une textaera.
Quand l'user clique sur le bouton " Copier le texte", cela ouvre un popup indiquant " Message copié.".
J'aimerai que ce popup soit centré sur la page , ou ouvre une autre page avec le message inclus.
Mais je n'y connais rien de rien en JS.

Code : Tout sélectionner

<!-- Le formulaire --> <form id="form-copier" > <!-- champ de saisie de texte --> <textarea id="texte" cols="90" rows="5" disabled="disabled"><?php echo $_SESSION["Balises2"]?> </textarea> <br /><br /> <!-- Bouton copier --> <button onclick="copierTexte(event)" >Copier le texte</button> </form> <!-- Le script JavaScript --> <script type="text/javascript"> // On sélectionne le formulaire var form_copier_coller = document.getElementById("form-copier") // On sélectionne le <textarea> var textarea_texte = document.getElementById("texte") // Copier le texte copierTexte = (e) => { // On désactive l'action du formulaire e.preventDefault() // 1. Si le <textarea> n'est pas vide if (textarea_texte.value.length) { // 2. On copie le texte dans le presse-papier navigator.clipboard.writeText(textarea_texte.value).then(() => { // 4. On affiche l'alert alert("Texte copié !")// Centrer le message ou ouvrir une autre page. })
Merci.

Re: Fenêtre alerte.

Posté : 04 mai 2022, 14:32
par @rthur
En JS avec la fonction alert() c'est le navigateur qui décide où afficher la popup.

Si tu veux avoir la main, il faut que tu fasses une popin en HTML/CSS (déclenchée en JS).
Voici un exemple :
https://www.tutorialspoint.com/How-to-c ... essage-box

Re: Fenêtre alerte.

Posté : 04 mai 2022, 14:45
par wisefun77
Bonjour @arthur,

Merci beaucoup.