Boîtes de dialogue (TheDialog)

Sommaire

  1. Présentation
    1. Dialogue d'information
    2. Dialogue de confirmation
    3. Dialogue d'options
    4. Dialogue d'upload
    5. Dialogue de progression
    6. Dialogue d'attente
    7. Dialogue photo
    8. Dialogue vidéo
    9. Débogage
  2. Informations complémentaires
  3. Méthodes publiques

Modifier les options

apijs.config
apijs.config.dialog

Présentation

Gestion de 8 boîtes de dialogue.

Tous les paragraphes peuvent contenir du bbcode sous forme de code HTML :
myText = "[p][em]Hello world.[/em][br]Hello everybody! :)[/p]";

Dialogue d'information

Dialogue de confirmation

Dialogue d'options

Dialogue d'upload

Dialogue de progression

Dialogue d'attente

Dialogue photo

Dialogue vidéo

Débogage

Informations complémentaires

Le paramètre inputname du dialogue d'upload correspond au nom du champ fichier du formulaire.

Le paramètre time (en secondes) du dialogue d'attente permet de modifier le temps d'attente avant l'affichage du lien différé en bas à droite de la boîte de dialogue.

Le paramètre name des dialogues photo et vidéo peut prendre les valeurs suivantes :
- false pour ne pas afficher le nom du fichier,
- auto pour afficher le nom du fichier original,
- ou toute autre chaîne de caractère pour afficher un nom de fichier personnalisé.

Le paramètre date des dialogues photo et vidéo peut prendre les valeurs suivantes :
- false pour ne pas afficher la date du fichier,
- ou toute autre chaîne de caractère pour afficher la date du fichier.

Pour le paramètre icon, les classes CSS suivantes :
- peuvent être utilisées ou modifiées : debug print error warning
- ne peuvent pas être utilisées ou modifiées : start ready end slideshow loading
- ne peuvent pas être modifiées mais peuvent être utilisées : notransition lock
- ne peuvent pas être utilisées mais peuvent être modifiées : information confirmation options upload download progress waiting photo video

En fonction de la taille de la fenêtre, le design des boîtes de dialogue s'adapte automatiquement (media queries). En fonction des modifications que vous pourriez être amené à faire, le code CSS suivant pourra vous être utile :

@media screen and (max-width:30rem),(max-device-width:30rem) { ... }
# 30rem = #apijsBox.width [26rem] + 4

Méthodes publiques

apijs.i18n.translate('word');
apijs.i18n.nodeTranslate('word');
apijs.i18n.changeLang('fr');

apijs.dialog.dialogInformation(...);
apijs.dialog.dialogConfirmation(...);
apijs.dialog.dialogFormOptions(...);
apijs.dialog.dialogFormUpload(...);
apijs.dialog.dialogProgress(...);
apijs.dialog.dialogWaiting(...);
apijs.dialog.dialogPhoto(...);
apijs.dialog.dialogVideo(...);
apijs.dialog.actionClose();
apijs.dialog.styles.remove('string');