Personnaliser les boites d'alerte

flexi2202 Messages postés 3822 Date d'inscription   Statut Membre Dernière intervention   -  
flexi2202 Messages postés 3822 Date d'inscription   Statut Membre Dernière intervention   -

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 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 

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 3822 Date d'inscription   Statut Membre Dernière intervention   190
 

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 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > flexi2202 Messages postés 3822 Date d'inscription   Statut Membre Dernière intervention  
 

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

0
flexi2202 Messages postés 3822 Date d'inscription   Statut Membre Dernière intervention   190 > jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention  
 

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 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > flexi2202 Messages postés 3822 Date d'inscription   Statut Membre Dernière intervention  
 

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 3822 Date d'inscription   Statut Membre Dernière intervention   190 > jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention  
 

je vais essayer de trouver cela 

0