Demo

Aquí tenéis el código de la aplicación de prueba:

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <title>Dialogs</title>
    </head>
    <body>
        <div class="app">
            <h1>Apache Cordova</h1>
            <div id="deviceready" class="blink">
                <a href="#" onclick="showAlert();">Mostrar alerta</a>
                <a href="#" onclick="showConfirm();">Mostrar confirmacion</a>
                <a href="#" onclick="showPrompt();">Mostrar prompt</a>
                <a href="#" onclick="playBeep();">Silvar 3 veces</a>
            </div>
        </div>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript">
            // Manejador de eventos librerias API
            document.addEventListener("deviceready", onDeviceReady, false);

            // Librerias cargadas
            //
            function onDeviceReady(){
                //nada
            }

            // Mostrar alerta
            //
            function showAlert(){
                navigator.notification.alert(
                    'Esto es una alerta',   //mensaje
                    alertDismissed,         //callback
                    'Apache Cordova',       //titulo
                    'OK'                    //nombre boton
                    );
            }

            // Mostrar confirmacion
            //
            function showConfirm(){
                navigator.notification.confirm(
                    'Esto es una confirmacion',     //mensaje
                    onConfirm,                      //callback
                    'Apache Cordova',               //titulo
                    ['Recargar','Salir']            //etiquetas botones
                    );
            }

            // Mostrar prompt personalizado
            //
            function showPrompt(){
                navigator.notification.prompt(
                    'Introduce tu nombre',      //mensaje
                    onPrompt,                   //callback
                    'Registro',                 //titulo
                    ['Ok','Salir'],             //botones
                    'Fulanito de copas'         //texto por defecto
                    );
            }

            function playBeep() {
                navigator.notification.beep(3);
            }



            // procesar resultado confirmar
            //
            function onConfirm(buttonIndex){
                alert("Has pulsado " + buttonIndex);
            }

            // procesar resultado prompt
            //
            function onPrompt(results){
                if(results.buttonIndex == 1)
                    navigator.notification.alert(
                        results.input1,
                        alertDismissed,
                        'Registro',
                        'Ok'
                        );
            }

            // alerta perdida
            //
            function alertDismissed(){
                //nada
            }
        </script>
    </body>
</html>

Y aquí se puede ver el vídeo de demostración:

 

 Enlace al proyecto