PhoneGap的通知
一、通知类型列表
1、notification.alert 提示警告框
2、notification.confirm 确认对话框
3、notification.prompt 该 notification.prompt 方法显示一个输入框,比本地浏览器的提 示功能更强大。
4、notification.beep 发出嘟嘟的声音
5、notification.vibrate 震动
二、代码实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>phonegap_device_network_notification01</title>
<link href="../jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="../jquery.js" type="text/javascript"></script>
<script src="../jquery.mobile-1.3.2.js" type="text/javascript"></script>
<script src="../cordova.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
document.addEventListener("deviceready", myDeviceReadyListener, false);
}); function myDeviceReadyListener(){ //notification.alert 提示警告框
$('#Alert').click(function(){
showAlert();
});
function showAlert() {
navigator.notification.alert(
'提示的信息', // message 警告框的内容
alertCallback, // callback 回调函数
'提示信息title', // title 警告框的标题
'确定' // buttonName
);
} //alertCallback
function alertCallback(){
alert('alertCallback');
} //Confirm 确认对话框
$('#NoConfirm').click(function(){
showConfirm();
})
function showConfirm() {
navigator.notification.confirm(
'你吃饭了吗?', // message对话框的内容
onConfirm, // callback to invoke with index of button pressed 回调函数
'提示信息', // title 对话框的标题
'吃饭,没吃,不好吃' // buttonLabels
);
}
function onConfirm(info){
var v='';
if(info==1){
v='吃了'
} alert('我'+v)
} //prompt 输入框
$('#prompt').click(function(){
showPrompt();
})
function showPrompt() {
navigator.notification.prompt(
'请输入您的姓名', // message 提示信息
onPrompt, // callback to invoke
'标题', // title
['确定','取消','ok'], // buttonLabels
'这是默认的信息' // defaultText输入框的默认信息
);
}
function onPrompt(info){
alert(info.buttonIndex+'---------'+info.input1);//回调函数 info.buttonIndex表示点击的是第几个按钮,info.input1表示的是输入框的内容
} //beep 发出嘟嘟的声音
$('#NoBeep').click(function(){
beep();
})
function beep(){
navigator.notification.beep(2); //2表示次数
} //vibrate 震动
$('#NoVibrate').click(function(){
vibrate();
})
function vibrate(){
navigator.notification.vibrate(2000); //2000表示的是 2秒
} }
</script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>PhoneGap100实战</h1>
</div>
<div data-role="content">
<a href="#" data-role="button" id="Alert">弹出提示框</a>
<a href="#" data-role="button" id="NoConfirm">弹出确认框</a>
<a href="#" data-role="button" id="prompt">prompt对话框</a>
<a href="#" data-role="button" id="NoBeep">提示音</a>
<a href="#" data-role="button" id="NoVibrate">震动</a>
</div>
<div data-role="footer">
<h4> </h4>
</div>
</div> </body>
</html>
PhoneGap的通知的更多相关文章
- Phonegap 通知 Notification
通知 Notification 一.notification.alert 对话框 notification.alert 响铃 notification.beep 震动 notification.vib ...
- 新手的第一个phonegap Android应用
对PhoneGap开发感兴趣的请加入群 PhoneGap App开发 348192525 手机成为现在软件应用必不可少的一种设备,然而手机平台的不统一造成我们需要为不同手机重写代码,这对一般应用来 ...
- Phonegap 之 iOS银联在线支付(js调用ios端银联支付控件)
Phonegap项目,做支付的时候,当把网站打包到ios或android端成app后,在app上通过wap调用银联在线存在一个问题: 就是当从银联支付成功后,再从服务器返回到app客户端就很难实现. ...
- phonegap + Framework7 之 ios 推送跳转测试
先说说项目情况:使用phonegap创建的ios项目,然后在使用html + css开发网页中又使用了一个框架Framework7(Framework7是一个构建仿原生ios和android应用的框架 ...
- phonegap创建的ios项目推送消息出现闪退现象
使用phonegap创建的ios项目,推送消息时,当程序在前台运行或者在后台运行状态下,推送消息过来,可以解析并且跳转: 但是在程序从后台退出的状态下,当消息推送过来的时候,点击通知栏,打开程序,程序 ...
- [转]初探 PhoneGap 框架在 Android 上的表现
原文地址:http://topmanopensource.iteye.com/blog/1486929 phonegap是由温哥华的一家小公司研发的多平台的移动开发框架,支持流行的大多数移动设备(iP ...
- cordova的android notify消息通知插件
最近在学习用CORDOVA(PHONEGAP)结合SENCHA TOUCH开发应用,想实现一个安卓下的消息通知功能,这个可以通过CORDOVA的插件来实现. 插件目录结构如下: notifyplugi ...
- 构建通过 Database.com 提供技术支持的 PhoneGap 应用程序
要求 其他必要产品 Database.com account 用户级别 全部 必需产品 PhoneGap Build 范例文件 Database.Com-PhoneGap-Sample 在这篇文章中, ...
- 跨平台移动开发工具:PhoneGap与Titanium全方位比拼
PhoneGap和Appcelerator Titanium,对于封装和配置移动应用程序而言,二者都是非常受欢迎的开源JavaScript框架.本文为Appcelerator开发者Kevin Whin ...
随机推荐
- 常用命令(Linux、Android、adb)
1. Linux 2. Android 1. pm (package Manager) 1). 安装APK(一般不使用,用adb我感觉更好) pm install -r /data/card/Ap ...
- python之virtualenv的简单使用
什么是virtualenv? virtualenv可以创建独立Python开发环境,比如当前的全局开发环境是python3.6,现在我们有一个项目需要使用django1.3,另一个项目需要使用djan ...
- WCF宿主asp.netMVC 并且发布restfull接口数据
项目中需要同时用到WCF的SOAP接口和RESTFul Service,查了下资料发现WCF可以支持发布两种服务接口,整理资料如下 1.首先建立服务接口 备注:如果宿主不是网站,则接口上增加属性Web ...
- Web开发技术选型之Java与PHP
PHP与J2EE的对比 网上有很多关于PHP与J2EE之间的对比,细观无非以下几点: 1.语言特征 PHP为脚本语言,解释型语言,弱类型,专为Web开发打造.Java为C语言系编程语言,编译型,强类型 ...
- 使用IndexOf方法来判断“咳嗽”出现的次数及索引、使用Dictionary<key,value> 集合统计没个字符出现的次数
static void Main(string[] args) { #region string str = "患者:医生我咳嗽的很严重,大夫:你多大年纪了? 患者:我75岁 大夫:那二十岁 ...
- 关于键盘KeyDown事件
if (e.KeyValue==13) //如果键盘的值等于13 这里面的13是enter键 textBox2.Focus(); //焦点就跑到textbox2上面
- winform httplicent调用API
绑定datagriview Uri uri = new Uri("http://localhost:49423");//地址 HttpClient clien ...
- 十一、curator recipes之联锁InterProcessMultiLock
简介 curator实现了一个类似容器的锁InterProcessMultiLock,它可以把多个锁包含起来像一个锁一样进行操作,简单来说就是对多个锁进行一组操作.当acquire的时候就获得多个锁资 ...
- Jenkins2.138配置slave节点时,启动方法只有两个选项
Jenkins2.138配置slave节点时,启动方法只有两个选项,并没有通过javaweb代理启动这个选项 解决办法 全局安全配置->代理->选择随机选取
- <meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">的作用
本人对该标签理解不深,这里是复制了穆乙的文章:如果有人进来看到这篇文章,请按此https://www.cnblogs.com/pigtail/archive/2013/03/15/2961631.ht ...