Framework7 - Popup de superposition
La description
Popup est une boîte contextuelle, qui affiche le contenu, lorsque l'utilisateur clique sur l'élément en utilisant la classe popup .
La taille de la fenêtre contextuelle varie selon les appareils. Sur les téléphones, il s'affichera en plein écran et sur les tablettes, il affichera avec une largeur et une hauteur de 630 pixels. Vous pouvez ajouter une classe plein écran de la tablette pour créer une taille plein écran sur les tablettes.
Vous pouvez ouvrir et fermer la fenêtre contextuelle de deux manières, comme indiqué dans le tableau suivant -
| S. Non | Type |
|---|---|
| 1 | Depuis HTML Vous pouvez ouvrir et fermer la fenêtre contextuelle en utilisant des classes et des attributs de données. |
| 2 | Utilisation de JavaScript Vous pouvez ouvrir et fermer la fenêtre contextuelle en utilisant le code JavaScript. |
Événements contextuels
| S. Non | un événement | Cible et description |
|---|---|---|
| 1 | ouvert | Popup Element Lorsque vous ouvrez une animation, cet événement est déclenché. |
| 2 | ouvert | Popup Element Lorsque l'ouverture d'une animation est terminée, cet événement sera déclenché. |
| 3 | Fermer | Popup Element Lorsque vous fermez une animation, cet événement est déclenché. |
| 4 | fermé | Popup Element Lorsque la fermeture d'une animation est terminée, cet événement sera déclenché. |
Vous pouvez également créer une fenêtre contextuelle dynamique en utilisant ses méthodes HTML to App. Voici un exemple .