оповещение не работает в HTML в PhoneGap - PullRequest
0 голосов
/ 13 февраля 2012

Я пытаюсь этот код, в котором должно отображаться предупреждение, как только приложение успешно загружено в iphone.Но это не работает.Это приложение телефонной связи, и это приложение index.html.

<!DOCTYPE html>
<html>
    <head>
        <title>navigator.network.connection.type Example</title>

        <script type="text/javascript" charset="utf-8" src="js/phonegap-1.3.0.js"></script>
        <script type="text/javascript" charset="utf-8">

            // Wait for PhoneGap to load
            // 
            document.addEventListener("deviceready", onDeviceReady, false);

            // PhoneGap is loaded and it is now safe to make calls PhoneGap methods
            //
            function onDeviceReady() {
            checkConnection();
            }

            function checkConnection() {
                var networkState = navigator.network.connection.type;

                var states = {};
                states[Connection.UNKNOWN]  = 'Unknown connection';
                states[Connection.ETHERNET] = 'Ethernet connection';
                states[Connection.WIFI]     = 'WiFi connection';
                states[Connection.CELL_2G]  = 'Cell 2G connection';
                states[Connection.CELL_3G]  = 'Cell 3G connection';
                states[Connection.CELL_4G]  = 'Cell 4G connection';
                states[Connection.NONE]     = 'No network connection';

                alert('Connection type: ' + states[networkState]);
                //navigator.notification.alert('Connection type: ' + states[networkState]);
            }

            </script>
    </head>
    <body >
        <p>A dialog box will report the network state.</p>
          <a href="javascript:checkConnection()">Click</a>
    </body>
</html>

Ответы [ 3 ]

2 голосов
/ 13 февраля 2012

Правильно ли вы настроили приложение PhoneGap?Я заметил, что вы пропустили <body onload="init();" >

Следующий код должен работать, я просто набрал его для вас, но не скомпилировал: -P

<!DOCTYPE HTML>
<html>
<head>
<title>navigator.network.connection.type Example</title>

        <script type="text/javascript" charset="utf-8" src="js/phonegap-1.3.0.js"></script>
<script type="text/javascript">


            function init() {
              document.addEventListener("deviceready", onDeviceReady, false);
            }

            function checkConnection() {
                var networkState = navigator.network.connection.type;

                var states = {};
                states[Connection.UNKNOWN]  = 'Unknown connection';
                states[Connection.ETHERNET] = 'Ethernet connection';
                states[Connection.WIFI]     = 'WiFi connection';
                states[Connection.CELL_2G]  = 'Cell 2G connection';
                states[Connection.CELL_3G]  = 'Cell 3G connection';
                states[Connection.CELL_4G]  = 'Cell 4G connection';
                states[Connection.NONE]     = 'No network connection';

                alert('Connection type: ' + states[networkState]);
                //navigator.notification.alert('Connection type: ' + states[networkState]);
            }

</script>
</head>
<body onload="init();>
    <h1>Check connection</h1>
    <p>A dialog box will report the network state.</p>
          <a href="javascript:checkConnection()">Click</a>
    </body>
</html>
1 голос
/ 13 февраля 2012
navigator.notification.alert(
            'You are the winner!',  // message
            alertDismissed,         // callback
            'Game Over',            // title
            'Done'                  // buttonName
        );
1 голос
/ 13 февраля 2012

этот код работает на моем симуляторе. Я только что изменил js/phonegap-1.3.0.js на phonegap-1.2.0.js в соответствии с моей версией и путем к источнику.Так что проверьте свою версию PhoneGap JS, а также проверьте его путь.Мой файл js находится в папке www, в которой находится index.html.

...