Ce plugin permet d‘accéder à certains éléments d’interface utilisateur native de dialogue.
cordova plugin add org.apache.cordova.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, [titre], [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() { // do something } navigator.notification.alert( 'You are the winner!', // message alertDismissed, // callback 'Game Over', // title '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.
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('You selected button ' + buttonIndex); } navigator.notification.confirm( 'You are the winner!', // message onConfirm, // callback to invoke with index of button pressed 'Game Over', // title ['Restart','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.
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 de la boîte de dialogue. (String) (Facultatif, par défautAlert
)
buttonLabels: tableau de chaînes spécifiant les étiquettes de boutons (Array) (facultatif, par défaut, les étiquettes ["OK","Cancel"]
)
defaultText: texte par défaut de la zone de texte ( 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 une indexation de base 1, donc 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("You selected button number " + results.buttonIndex + " and entered " + results.input1); } navigator.notification.prompt( 'Please enter your name', // message onPrompt, // callback to invoke '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);
// Beep twice! 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
.