Personnaliser les boites d'alerte

Fermé
flexi2202 Messages postés 3799 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 16 mai 2024 - Modifié le 24 oct. 2022 à 13:59
flexi2202 Messages postés 3799 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 16 mai 2024 - 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>
A voir également:

1 réponse

jordane45 Messages postés 38254 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 octobre 2024 4 692
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/


0
flexi2202 Messages postés 3799 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 16 mai 2024 187
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 38254 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 octobre 2024 4 692 > flexi2202 Messages postés 3799 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 16 mai 2024
24 oct. 2022 à 18:04

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

0
flexi2202 Messages postés 3799 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 16 mai 2024 187 > jordane45 Messages postés 38254 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 octobre 2024
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 38254 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 octobre 2024 4 692 > flexi2202 Messages postés 3799 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 16 mai 2024
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 3799 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 16 mai 2024 187 > jordane45 Messages postés 38254 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 octobre 2024
24 oct. 2022 à 18:08

je vais essayer de trouver cela 

0