Avez-vous un exemple d'une fenêtre modale?

modale -  
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,
Je cherche à utiliser une fenêtre modale déjà toute prête, mais les exemples que j'ai trouvés soit ils ne s'adaptent pas à certains navigateurs, soit le code entier n'est pas donné, soit je trouve un problème dans le bouton qui affiche la modale.
En fait, mon bouton doit faire 2 choses : recherche en base de données + affichage de résultats dans une fenêtre modale.
J'ai vu le bel exemple du site Developpez.net avec seulement du CSS3, malheureusement ça ne marche pas sur Google Chrome. Avez-vous d'autres exemples à me donner ?
Merci
A voir également:

2 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

Des exemples de fenêtres modale en JQUERY :
https://www.sitepoint.com/14-jquery-modal-dialog-boxes/

Pour ce qui est de rechercher en BDD puis remplir ta modale.. pour ça .. il te faudra utiliser de l' AJAX (également en JQUERY c'est plus simple)...


0
modale
 
Merci bcp :=)
0
modale
 
ce n'est pas possible ne PHP ?
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > modale
 
non
0
modale
 
Ah d'accord. Est-ce qu'avec jQuery, j'aurais besoin d'utiliser une autre page ?
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Une autre page .... c'est à dire ?
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Non dataString contient l'url appellée par le script ajax... ça ne mène nul part (il n'y a pas de redirection)....
C'est comme quand tu passes un coup de téléphone...tu échanges des informations...mais toi tu ne vas nul part...

Par contre... ton script AJAX a besoin d'un autre fichier ... un fichier php cette fois.. qui contiendra un script permettant de récupérer les informations que tu souhaites mettre dans ta modale par l'intermédiaire de l'ajax...

0