在TideSDK中显示多个通知

时间:2014-11-03 03:52:53

标签: javascript html5 tidesdk

我通过tideSDK编写桌面应用程序使用HTML5。我的应用程序将检查网站的信息错误并通过此应用程序桌面通知我。我使用了TideSDK的通知。但我有一个问题,当有信息错误,我的应用程序显示正常,当有多个错误,通知将显示覆盖。我研究了tideSDK的文件,但没有关于这个问题的信息。

我的代码: 服务器:

<?php
$named_array = array(
"kq" => array(
    array(
        "foo" => "http://lvsolution.vn"
    ),
    array(
        "foo" => "http://longvan.net"
    )
)
);
echo json_encode($named_array);
?>

代码我的申请:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Network monitor</title>
<style type="text/css">
    body {
        background-color:transparent;
    }

    html, body {
        height: 100%;
    }

    div.wrapper
    {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        border: none;
    }
</style>
<script type="text/javascript" src="app.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">

function showNotify() {
    var xmlhttp;
    var response;

    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.open("GET",'http://192.168.64.246/index.php',false);
    xmlhttp.send();
    response = xmlhttp.responseText;
    if(response=="")
    {
    }
    else
    {
        var obj = JSON.parse(response);
        for( i=0; i< obj.kq.length;i++)
        {
        var noti = obj.kq[i].foo;   
        var notification = Ti.Notification.createNotification({
        'title': 'Warning' || 'No Title',
        'message': noti || 'No Message',
        'callback' : function (){ document.getElementById("iFrame").src = noti;
                                    /***alert(noti);***/
                                },
        'icon' : 'app://images/notification.png'        
        });
        notification.show();
        //Create a callback function for the notification

        }
    }
}

$(document).ready( function() {
        showNotify();
        setInterval(function() {
            showNotify();
        }, 10000);
    });
</script>
</head>

<body>
<div class="wrapper">
    <iframe id="iFrame" scrolling="no" src="http://support.longvan.net/cloud   /login.xhtml" width="100%" height="100%" frameborder="0" allowtransparency="yes"  ></iframe>     
</div>      

   

0 个答案:

没有答案