Personnaliser les boites d'alerte
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>
- Personnaliser les boites d'alerte
- Fausse alerte mcafee - Accueil - Piratage
- Comment personnaliser sa sonnerie - Guide
- Fausse alerte connexion facebook - Guide
- Message alerte virus google chrome - Accueil - Virus
- Personnaliser numéro de page word - Guide
1 réponse
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/
bonjour jodane
Merci pour la reponse et le lien tres interessant
Mais j'aurais prefere trouver une solution rien qu'avec du javascript
ben.. ce que je t'ai donné.. c'est du javascript ...
oui mais je dois embarquer encore des librairieis que je vais devoir tenir a l'oeil pour les mises a jour
Comme je te l'ai dit ...
je vais essayer de trouver cela