Les développeurs Web qui cherchent à ajouter une touche unique à l'interface utilisateur de son site Web peuvent employer un langage de programmation basé sur JavaScript connu comme jQuery. Les fenêtres modales peuvent être un bon moyen d'afficher petits morceaux d'information pour les utilisateurs interagissent avec votre site ou application web. Vous pouvez également utiliser des fenêtres modales pour afficher les erreurs et invite l'utilisateur à entrer des informations supplémentaires. Obtenir la fenêtre modale d' affichage est une question d'utiliser le bon code et configurer correctement pour travailler avec le reste de votre site. Instructions
1
Ouvrez le code HTML de votre page Web en utilisant une application de codage de la page Web ou une application d'édition de texte en clair comme Microsoft Notepad ou Mac OS X TextEdit.
2
Ajoutez la fenêtre modale vers votre site en utilisant le code suivant :
fenêtre modale = « first_window 'href = " # " > Première fenêtre modale.
Photos
Configurer les balises HTML dans l'exemple ci-dessus pour répondre à vos besoins en réglant le placement et ids div .
< br > Hôtels 3
Ouvrez le fichier CSS qui dicte le style de votre page Web dans la même application de sorte que vous pouvez ajouter la fenêtre modale styles CSS , qui sont essentiels à le rendre solide gris ; background: # 246493 ; color: black; }
4
Ajoutez le code show_modal jQuery qui est ultimement responsable de l'appel de la fenêtre et lui permettant d' afficher le document HTML de votre site web :
fonction show_modal
( modal_id ) { $ (' # masque ») css ({ ' display ' : ' block ' , opacité : 0} ) ; . $ (' # masque ») fadeTo ( 500,0.8 ) ; $ . ( '#' + modal_id ) fadeIn (500); . }
5
Save the HTML modifiées et les fichiers CSS pour votre site Web, puis les télécharger sur votre environnement de serveur Web de production pour enregistrer les modifications et commencer l'affichage de la fenêtre modale .
