Personnaliser les boites d'alerte

flexi2202 Messages postés 3749 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 27 janvier 2023 - Modifié le 24 oct. 2022 à 13:59
flexi2202 Messages postés 3749 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 27 janvier 2023 - 24 oct. 2022 à 22:00

bonjour a tous

j'essaye de continuer a ameliorer mon site en php

cette fois je m'attaque aux boites alert qui sont definie par le navigateur et je souhaiterais les rendres plus ludiques

Dans mon exemple 

j'ai mes sorties de epche et lorsque on clic sur un petit dessin on est redirige vers mon site wordpress apres une confirmation 

cela fonctionne parfaitement 

avec ce code mais cela utilise les fameuses alert du navigateur

         function confirmation12(e,lien){
           e = e || window.event;
           e.preventDefault(); // pour empecher le lien de se déclencher "normalement"
           if (confirm("Vous êtes sur le point d être redirigé pour visionner la sortie de pêche sur le nouveau site")) {
             alert("Il ce peux que la redirection prenne quelques secondes ");
             window.open(lien , '_blank');
           } else {
             alert("Vous ne serez donc pas redirigé");
             return false;
           }
         }
    

et le lien du bouton onclick

 <a class="button centre"  style="width: 100px;margin-bottom:10px;"  onclick="confirmation12(event,'<?php echo $donnees["guid"]; ?>')"><img src="https://phil.pecheperle.be/image/640.jpg" alt="pêche à la perle" /></a>

1 réponse

jordane45 Messages postés 36880 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 31 janvier 2023 4 478
24 oct. 2022 à 16:14

Bonjour,

Déjà ..  ce n'est pas "Il ce peux .." mais... "il se peut "

Ensuite.. ce que tu veux, c'est simplement faire des fenêtres modals.  Tu trouveras de nombreux exemples/tutos sur le net pour en faire toi même.

Il existe même des plugins prêts à l'emploi.. tel que, par exemple,  https://sweetalert2.github.io/


.
Cordialement,
Jordane

0
flexi2202 Messages postés 3749 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 27 janvier 2023 173
24 oct. 2022 à 17:57

bonjour jodane 

Merci pour la reponse et le lien tres interessant 

Mais j'aurais prefere trouver une solution rien qu'avec du javascript

0
jordane45 Messages postés 36880 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 31 janvier 2023 4 478 > flexi2202 Messages postés 3749 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 27 janvier 2023
24 oct. 2022 à 18:04

ben.. ce que je t'ai donné.. c'est du javascript ...

0
flexi2202 Messages postés 3749 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 27 janvier 2023 173 > jordane45 Messages postés 36880 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 31 janvier 2023
24 oct. 2022 à 18:05

oui mais je dois embarquer encore des librairieis que je vais devoir tenir a l'oeil pour les mises a jour 

0
jordane45 Messages postés 36880 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 31 janvier 2023 4 478 > flexi2202 Messages postés 3749 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 27 janvier 2023
24 oct. 2022 à 18:06

Comme je te l'ai dit ...

Tu trouveras de nombreux exemples/tutos sur le net pour en faire toi même.

0
flexi2202 Messages postés 3749 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 27 janvier 2023 173 > jordane45 Messages postés 36880 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 31 janvier 2023
24 oct. 2022 à 18:08

je vais essayer de trouver cela 

0