Formulaire Input Uikit

Bonjour ,

Je viens ici pour vous demander un peu d'aide , je dispose d'un bouton input que redirige sur une page qui va traiter les différentes données d'un formulaire .

Tout ceci fonctionne très bien , j'ai donc décider d'ajouter une fenêtre popup qui apparaît lorsque l'on appuie sur le bouton , à l'aide d'un onclick .

Tout marche très bien , seul petit hic , le design de la fenêtre qui apparaît n'est pas très top et relativement brut et comme je sais qu'on ne peut pas modifier le style de ce popup j'ai donc chercher d'autres solution sur internet .



Je suis tomber sur cette solution que j'ai essayer de mettre en place sur mon input : http://getuikit.com/docs/modal.html ( VOIR section Dialogs et Confirm ) .



Donc j'ai essayer de l'adapter sur ma page , voici mon code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<script> function clicked(e) { UIkit.modal.confirm('Are you sure?', function(){ UIkit.modal.alert('Confirmed!'); }); } </script>   <FORM method="post" action="..\..\Gererlesruchers\Validerlesrucher\validationdurucher.php" > <input type="hidden" value="<?php echo $alerte_array_DATA_Rucher_Id[$i]; ?>" type="text" name="idrucher" size="12"> <input class="bouton" type="submit" value="Valider" onclick="clicked(event)" /> </FORM>

---

Je n'ai pas mis tout le code car il est assez conséquent donc là lorsque je clique sur mon bouton j'ai bien le popup qui apparaît :

http://prntscr.com/ai50ij

seul problèmes 1 seconde aprés l'apparition il me redirige vers la page de gestion des données sans avoir cliquer sur OK .



Donc j'aimerais avoir vos avis / conseil sur mon problèmes , si il existe un meilleur moyen pour obtenir un résultat qui se rapproche de se que je désire .



En vous remerciant , Surinox