Ce plugin permet d'accéder à certains éléments d'interface utilisateur native de dialogue via un global navigator.notification
objet.
Bien que l'objet est attaché à la portée globale navigator
, il n'est pas disponible jusqu'après la deviceready
événement.
document.addEventListener (« deviceready », onDeviceReady, false) ;
function onDeviceReady() {console.log(navigator.notification);}
cordova plugin add cordova-plugin-dialogs
navigator.notification.alert
navigator.notification.confirm
navigator.notification.prompt
navigator.notification.beep
Affiche une boîte de dialogue ou d'alerte personnalisé. La plupart des implémentations de Cordova utilisent une boîte de dialogue natives pour cette fonctionnalité, mais certaines plates-formes du navigateur alert
fonction, qui est généralement moins personnalisable.
Navigator.notification.Alert (message, alertCallback, [title], [buttonName])
message: message de la boîte de dialogue. (String)
alertCallback: callback à appeler lorsque la boîte de dialogue d'alerte est rejetée. (Fonction)
titre: titre de la boîte de dialogue. (String) (Facultatif, par défautAlert
)
buttonName: nom du bouton. (String) (Facultatif, par défautOK
)
function alertDismissed() {/ / faire quelque chose} navigator.notification.alert ('Vous êtes le gagnant!', / / message alertDismissed, / / rappel « Game Over », / / titre « Done » / / buttonName) ;
Il n'y a aucune boîte de dialogue d'alerte intégrée au navigateur, mais vous pouvez en lier une pour appeler alert()
dans le scope global:
window.alert = navigator.notification.alert;
Les deux appels alert
et confirm
sont non-blocants, leurs résultats ne sont disponibles que de façon asynchrone.
Les deux indigènes bloquant window.alert()
et non-bloquante navigator.notification.alert()
sont disponibles.
navigator.notification.alert('text', callback, 'title', 'text')
paramètre callback est passé numéro 1.
Affiche une boîte de dialogue de confirmation personnalisable.
Navigator.notification.Confirm (message, confirmCallback, [title], [buttonLabels])
message: message de la boîte de dialogue. (String)
confirmCallback: callback à appeler avec l'index du bouton pressé (1, 2 ou 3) ou lorsque la boîte de dialogue est fermée sans qu'un bouton ne soit pressé (0). (Fonction)
titre: titre de dialogue. (String) (Facultatif, par défautConfirm
)
buttonLabels: tableau de chaînes spécifiant les étiquettes des boutons. (Array) (Optionnel, par défaut, [ OK,Cancel
])
Le confirmCallback
s'exécute lorsque l'utilisateur appuie sur un bouton dans la boîte de dialogue de confirmation.
Le rappel prend l'argument buttonIndex
(nombre), qui est l'index du bouton activé. Notez que l'index utilise base d'indexation, la valeur est 1
, 2
, 3
, etc..
function onConfirm(buttonIndex) {alert (« Vous bouton sélectionné » + buttonIndex);}
Navigator.notification.Confirm ('Vous êtes le gagnant!', / / message onConfirm, / / rappel d'invoquer avec l'index du bouton enfoncé « Game Over », / / title ['redémarrer', « Exit »] / / buttonLabels) ;
Il n'y a aucune fonction intégrée au navigateur pour window.confirm
, mais vous pouvez en lier une en affectant:
window.confirm = navigator.notification.confirm ;
Les appels à alert
et confirm
sont non-bloquants, donc le résultat est seulement disponible de façon asynchrone.
Sur Windows8/8.1, il n'est pas possible d'ajouter plus de trois boutons à MessageDialog instance.
Sur Windows Phone 8.1, il n'est pas possible d'établir le dialogue avec plus de deux boutons.
Les deux indigènes bloquant window.confirm()
et non-bloquante navigator.notification.confirm()
sont disponibles.
Affiche une boîte de dialogue natif qui est plus personnalisable que le navigateur prompt
fonction.
Navigator.notification.prompt (message, promptCallback, [title], [buttonLabels], [defaultText])
message: message de la boîte de dialogue. (String)
promptCallback: rappel d'invoquer avec l'index du bouton pressé (1, 2 ou 3) ou lorsque la boîte de dialogue est fermée sans une presse de bouton (0). (Fonction)
titre: titre (String) (facultatif, la valeur par défaut de dialoguePrompt
)
buttonLabels: tableau de chaînes spécifiant les bouton (Array) (facultatif, par défaut, les étiquettes["OK","Cancel"]
)
defaultText: zone de texte par défaut entrée valeur ( String
) (en option, par défaut : chaîne vide)
Le promptCallback
s'exécute lorsque l'utilisateur appuie sur un bouton dans la boîte de dialogue d'invite. Le results
objet passé au rappel contient les propriétés suivantes :
buttonIndex: l'index du bouton activé. (Nombre) Notez que l'index utilise base d'indexation, la valeur est 1
, 2
, 3
, etc..
entrée 1: le texte entré dans la boîte de dialogue d'invite. (String)
function onPrompt(results) {alert (« Vous avez sélectionné le numéro du bouton » + results.buttonIndex + « et saisi » + results.input1);}
Navigator.notification.prompt ('Veuillez saisir votre nom', / / message onPrompt, / / rappel à appeler « Registration », / / title ['Ok', 'Exit'], / / buttonLabels « Jane Doe » / / defaultText) ;
Android prend en charge un maximum de trois boutons et ignore plus que cela.
Sur Android 3.0 et versions ultérieures, les boutons sont affichés dans l'ordre inverse pour les appareils qui utilisent le thème Holo.
Les deux indigènes bloquant window.prompt()
et non-bloquante navigator.notification.prompt()
sont disponibles.
Le dispositif joue un bip sonore.
Navigator.notification.Beep(Times) ;
Deux bips !
Navigator.notification.Beep(2) ;
Paciarelli implémente les bips en lisant un fichier audio via les médias API.
Le fichier sonore doit être court, doit se trouver dans un sounds
sous-répertoire du répertoire racine de l'application et doit être nommébeep.wav
.