[RESOLU] Fenêtre alerte.

Eléphant du PHP | 213 Messages

04 mai 2022, 14:28

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.
De retour au PHP pour essayer de préserver mon emploi à 59 ans.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

04 mai 2022, 14:32

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
Quand tout le reste a échoué, lisez le mode d'emploi...

Eléphant du PHP | 213 Messages

04 mai 2022, 14:45

Bonjour @arthur,

Merci beaucoup.
De retour au PHP pour essayer de préserver mon emploi à 59 ans.