db.on("child_added,function(s)
{
}
1.child_added:當存在child node或新的child node
2.value:當有資料新增十或更新時
3.child_changed:當child node被修改時
4.childs_removed 當child node被刪除時
===============================================
http://sj82516-blog.logdown.com/posts/1064788/teaching-firebase-page-four-rest-and-storage
storage
儲存影音、照片等大型檔案資料,跟Google Cloud Storage相通
1.網址進入firebase資料庫管理系統
2.指定firebase產品種類 storage
3.設定參考點
4.傳送,讀取,刪除節點資料
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>//進入firebase資料庫管理系統
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
var storage=firebase.storage();//指定firebase產品種類 storage
alert(storage);
});
</script
===============================
var storageref=storage.ref();//.設定參考點
=====================================
檔案傳送
1<input type="file" id="file1" name="file" size="50" />
var ups=document.getElementById("file1");
ups.addEventListener("change",function()
{
var f=this.files[0];
storageRef.child(f.name).put(f);
alert("檔案上傳成功");
},false);
2.storageRef.child(f.name).put(f);
==============
用listener 監聽
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
var storage=firebase.storage();
var storageRef=storage.ref();
var ups=document.getElementById("file1");
ups.addEventListener("change",function()
{
var f=this.files[0];
storageRef.child(f.name).put(f);
alert("檔案上傳成功");
},false);
});
</script>
<body>
<form name="f1" id="f1">
影像;<input type="file" id="file1" name="file" size="50" />
</form>
</body>
============================
用button控制
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
$("#bt1").click(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
var storage=firebase.storage();
var storageRef=storage.ref();
var ups=document.getElementById("file1");
var f=ups.files[0];
var realup=storageRef.child(f.name).put(f);
alert("檔案上傳成功");
});
});
</script>
<body>
<form name="f1" id="f1">
影像;<input type="file" id="file1" name="file" size="50" />
<input type="button" id="bt1" name="bt1" value="傳送" >
</form>
</body>
======================
一次傳兩個檔案
$(document).ready(function()
{
$("#bt1").click(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
var storage=firebase.storage();
var storageRef=storage.ref();
var ups=document.getElementById("file1");
var f=ups.files[0];
var realup=storageRef.child(f.name).put(f);
var ups2=document.getElementById("file2");
var f2=ups2.files[0];
var realup2=storageRef.child(f2.name).put(f2);
alert("檔案上傳成功");
});
});
</script>
<body>
<form name="f1" id="f1">
影像一;<input type="file" id="file1" name="file" size="50" /><p>
影像二;<input type="file" id="file2" name="file2" size="50" /><p>
<input type="button" id="bt1" name="bt1" value="傳送" >
</form>
=================
檔案讀取
var storageRef=storage.ref();
var atarRef=storageRef.child('x11.jpg');
starsref.getDownloadURL().then(function(url) //取得下載路徑
{
}).catch(function(error) 檔案不存在執行例外事件
{
alert(
});
=======================
ex
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
var storage=firebase.storage();
var storageRef=storage.ref();
var starsRef=storageRef.child('x9.jpg');
starsRef.getDownloadURL().then(function(url)
{
document.getElementById('img1').src=url;
}).catch(function(error)
{
alert(error);
});
});
</script>
<body>
<img id="img1" name="img1" width="160" height="200" />
</body>
==================================
刪除
<script src="https://www.gstatic.com/firebasejs/3.6.6/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
$("#bt1").click(function()
{
var storage=firebase.storage();
var storageRef=storage.ref();
var t=document.getElementById("t1").value;
var starsRef=storageRef.child(t);
starsRef.delete().then(function(url)
{
alert("已刪除")
}).catch(function(error)
{
alert(error);
});
});
});
</script>
<body>
<form id="f1" name="f1">
欲刪除檔案;
<input type="text" id="t1" name="t1" size="20" />
<input type="button" id="bt1" name="bt1" value="刪除" />
</form>
</body>
物聯網行動商務實務
2017年1月23日 星期一
2017年1月20日 星期五
firebase排序
firebase排序
1.orderByChild()
2.orderByKey()
3.orderByValue()
ex
db.orderByChild("pid").on("child_added",funtion(s)
{
.取值:s.val().欄位名稱
.
.
.
.
});
===================
event
1.child_added
2.child_changed
3.child_removed
4.child_moved
5value
================
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.orderByChild("pid").on("child_added",function(s)
{
str=str+s.val().pid+" "+s.val().pname+" "+s.val().pbirth+" "+s.val().pblood+" "+s.val().pschool+"<p>"
document.getElementById("dv1").innerHTML=str;
});
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td ><div id="dv1" style="width:300px; height:500px; overflow:scroll; "></div></td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>
</center>
</body>
===================
http://hophd.com/firebase-hosting/
$.each(data.val(),function(k,v)
{
var likename=v.pname;
var likedata=likename.charAt(0);
if (likedata==n)
{
str=str+v.pid+" "+v.pname+" "+v.pbirth+" "+v.pblood+" "+v.pschool+"<p>"
document.getElementById("dv1").innerHTML=str;
}
})
======================
$(document).ready(function()
{
var str="";
$("#qbt1").click(function()
{
var n=document.getElementById("t1").value;
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
var likename=v.pname;
var len=likename.length;
for (var i=0;i<len;i++)
{
var likedata=likename.charAt(i);
if (likedata==n)
{
str=str+v.pid+" "+v.pname+" "+v.pbirth+" "+v.pblood+" "+v.pschool+"<p>"
break;
}
}
})
document.getElementById("dv1").innerHTML=str;
});
});
});
===========================================
$(document).ready(function()
{
var str="";
$("#qbt1").click(function()
{
var n=document.getElementById("t1").value;
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
var likename=v.pname;
var likedata=likename.charAt(0);
alert(likedata);
if (likedata==n)
{
str=str+v.pid+" "+v.pname+" "+v.pbirth+" "+v.pblood+" "+v.pschool+"<p>"
document.getElementById("dv1").innerHTML=str;
}
})
});
});
});
============================================
1.orderByChild()
2.orderByKey()
3.orderByValue()
ex
db.orderByChild("pid").on("child_added",funtion(s)
{
.取值:s.val().欄位名稱
.
.
.
.
});
===================
event
1.child_added
2.child_changed
3.child_removed
4.child_moved
5value
================
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.orderByChild("pid").on("child_added",function(s)
{
str=str+s.val().pid+" "+s.val().pname+" "+s.val().pbirth+" "+s.val().pblood+" "+s.val().pschool+"<p>"
document.getElementById("dv1").innerHTML=str;
});
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td ><div id="dv1" style="width:300px; height:500px; overflow:scroll; "></div></td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>
</center>
</body>
===================
http://hophd.com/firebase-hosting/
$.each(data.val(),function(k,v)
{
var likename=v.pname;
var likedata=likename.charAt(0);
if (likedata==n)
{
str=str+v.pid+" "+v.pname+" "+v.pbirth+" "+v.pblood+" "+v.pschool+"<p>"
document.getElementById("dv1").innerHTML=str;
}
})
======================
$(document).ready(function()
{
var str="";
$("#qbt1").click(function()
{
var n=document.getElementById("t1").value;
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
var likename=v.pname;
var len=likename.length;
for (var i=0;i<len;i++)
{
var likedata=likename.charAt(i);
if (likedata==n)
{
str=str+v.pid+" "+v.pname+" "+v.pbirth+" "+v.pblood+" "+v.pschool+"<p>"
break;
}
}
})
document.getElementById("dv1").innerHTML=str;
});
});
});
===========================================
$(document).ready(function()
{
var str="";
$("#qbt1").click(function()
{
var n=document.getElementById("t1").value;
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
var likename=v.pname;
var likedata=likename.charAt(0);
alert(likedata);
if (likedata==n)
{
str=str+v.pid+" "+v.pname+" "+v.pbirth+" "+v.pblood+" "+v.pschool+"<p>"
document.getElementById("dv1").innerHTML=str;
}
})
});
});
});
============================================
firebase刪除
hopetext 父節點
child(key) +-kal....子節點
刪除其中一筆資料
db.child(key).remove();
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
var key="";
var f=false;
$("#qbt1").click(function()
{
var id=document.getElementById("t1").value;
if(id!="")
{
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
if (id==v.pid)
{
key=k;
str=str+v.pid+" "+v.pname+" "+v.pbirth+" "+v.pblood+" "+v.pschool+"<p>"
f=true;
}
})
document.getElementById("dv1").innerHTML=str;
if (f==false)
{
alert("資料錯誤,請重新輸入");
document.getElementById("qbt1").focus();
}
});
}
else
{
alert("請輸入資料");
document.getElementById("qbt1").focus();
}
});
$("#dbt1").click(function()
{
if (key!="")
{
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.child(key).remove;
alert("delete finished");
}
else
{
alert("確認資料是否正確?");
}
});
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td width="300" align="right" >查詢編號
<input type="text" id="t1" name="t1" size="20" /><br/>
<input type="button" id="qbt1" name="qbt1" value="查詢" />
</td>
</tr>
<tr>
<td ><div id="dv1" style="width:300px; height:500px; overflow:scroll; "></div></td>
</tr>
<tr>
<td width="300" align="center" >
<input type="button" id="dbt1" name="dbt1" value="刪除" />
</td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
=======================
修改
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
var id="";
var name="";
var birth="";
var blood="";
var school="";
var key="";
$("#qbt1").click(function()
{
var id=document.getElementById("t1").value;
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
if (id==v.pid)
{
key=k;
document.getElementById("t2").value=v.pid;
document.getElementById("t3").value=v.pname;
document.getElementById("t4").value=v.pbirth;
document.getElementById("t5").value=v.pblood;
document.getElementById("t6").value=v.pschool;
}
});
});
});
$("#mbt1").click(function()
{
//alert(key+id+name+birth+blood+schoo);
id=document.getElementById("t2").value;
name=document.getElementById("t3").value;
birth=document.getElementById("t4").value;
blood=document.getElementById("t5").value;
school=document.getElementById("t6").value;
if (key!=""&&id!=""&&name!=""&&birth!=""&&blood!=""&&school!="")
{
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.child(key).set({pid:id,pname:name,pbirth:birth,pblood:blood,pschool:school});
alert("modify finished");
}
else
{
alert("資料錯誤");
}
})
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td height="10" align="right" >查詢編號
<input type="text" id="t1" name="t1" size="20" />
<input type="button" id="qbt1" name="qbt1" value="查詢" />
</td>
</tr>
<tr>
<td >
編號:<input type="text" id="t2" name="t2" size="30" /><p>
姓名:<input type="text" id="t3" name="t3" size="30" /><p>
生日:<input type="text" id="t4" name="t4" size="30" /><p>
血型:<input type="text" id="t5" name="t5" size="30" /><p>
學歷:<input type="text" id="t6" name="t6" size="30" /><p>
</td>
</tr>
<tr>
<td width="300" align="center" >
<input type="button" id="mbt1" name="mbt1" style="width:300px" value="修改" />
</td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>
child(key) +-kal....子節點
刪除其中一筆資料
db.child(key).remove();
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
var key="";
var f=false;
$("#qbt1").click(function()
{
var id=document.getElementById("t1").value;
if(id!="")
{
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
if (id==v.pid)
{
key=k;
str=str+v.pid+" "+v.pname+" "+v.pbirth+" "+v.pblood+" "+v.pschool+"<p>"
f=true;
}
})
document.getElementById("dv1").innerHTML=str;
if (f==false)
{
alert("資料錯誤,請重新輸入");
document.getElementById("qbt1").focus();
}
});
}
else
{
alert("請輸入資料");
document.getElementById("qbt1").focus();
}
});
$("#dbt1").click(function()
{
if (key!="")
{
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.child(key).remove;
alert("delete finished");
}
else
{
alert("確認資料是否正確?");
}
});
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td width="300" align="right" >查詢編號
<input type="text" id="t1" name="t1" size="20" /><br/>
<input type="button" id="qbt1" name="qbt1" value="查詢" />
</td>
</tr>
<tr>
<td ><div id="dv1" style="width:300px; height:500px; overflow:scroll; "></div></td>
</tr>
<tr>
<td width="300" align="center" >
<input type="button" id="dbt1" name="dbt1" value="刪除" />
</td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
=======================
修改
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
var id="";
var name="";
var birth="";
var blood="";
var school="";
var key="";
$("#qbt1").click(function()
{
var id=document.getElementById("t1").value;
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
if (id==v.pid)
{
key=k;
document.getElementById("t2").value=v.pid;
document.getElementById("t3").value=v.pname;
document.getElementById("t4").value=v.pbirth;
document.getElementById("t5").value=v.pblood;
document.getElementById("t6").value=v.pschool;
}
});
});
});
$("#mbt1").click(function()
{
//alert(key+id+name+birth+blood+schoo);
id=document.getElementById("t2").value;
name=document.getElementById("t3").value;
birth=document.getElementById("t4").value;
blood=document.getElementById("t5").value;
school=document.getElementById("t6").value;
if (key!=""&&id!=""&&name!=""&&birth!=""&&blood!=""&&school!="")
{
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.child(key).set({pid:id,pname:name,pbirth:birth,pblood:blood,pschool:school});
alert("modify finished");
}
else
{
alert("資料錯誤");
}
})
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td height="10" align="right" >查詢編號
<input type="text" id="t1" name="t1" size="20" />
<input type="button" id="qbt1" name="qbt1" value="查詢" />
</td>
</tr>
<tr>
<td >
編號:<input type="text" id="t2" name="t2" size="30" /><p>
姓名:<input type="text" id="t3" name="t3" size="30" /><p>
生日:<input type="text" id="t4" name="t4" size="30" /><p>
血型:<input type="text" id="t5" name="t5" size="30" /><p>
學歷:<input type="text" id="t6" name="t6" size="30" /><p>
</td>
</tr>
<tr>
<td width="300" align="center" >
<input type="button" id="mbt1" name="mbt1" style="width:300px" value="修改" />
</td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>
2017年1月18日 星期三
firebase 取值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
$("#bt1").click(function()
{
var id=document.getElementById("t1").value;
var name=document.getElementById("t2").value;
var birth=document.getElementById("t3").value;
var blood=document.getElementById("se1").value;
var school=document.getElementById("se2").value;
alert(id +" "+name+" "+birth+" "+blood+" "+school);
if (id!="")
{
if (name!="")
{
var db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.push({pid:id,pname:name,pbirth:birth,pblood:blood,pschool:school});
alert("資料寫入firebase成功 1");
}
else
{
alert("請輸入姓名資料");
document.getElementById("t1").focus();
}
}
else
{
alert("請輸入編號資料");
document.getElementById("t1").focus();
}
});
$("#bt2").click(function()
{
location.href="dbpageform5.html";
});
$("#bt3").click(function()
{
location.href="dbpagebrower5.html";
});
$("#bt4").click(function()
{
location.href="dbpagequery5.html";
});
$("#bt5").click(function()
{
location.href="dbpagequeryIn5.html";
});
});
function textfun1()
{
var id=document.getElementById("t1").value;
if (id!="")
{
document.getElementById("sp1").innerHTML="";
}
else
{
document.getElementById("sp1").innerHTML="<font color='#FF0000'>*[p1001]</font>";
}
}
function textfun2()
{
var id=document.getElementById("t2").value;
if (id!="")
{
document.getElementById("sp2").innerHTML="";
}
else
{
document.getElementById("sp2").innerHTML="<font color='#FF0000'>*[p1001]</font>";
}
}
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none">
<tr>
<td colspan="2">雲端個人資料</td>
</tr>
<tr><td colspan="2">編號:<input type="text" id="t1" name="t1" size="30" onchange="textfun1()" />
<br /><span id="sp1" ><font color="#FF0000">*[p1001]</font></span>
</td>
</tr>
</tr>
<tr><td colspan="2" >姓名:<input type="text" id="t2" name="t2" size="30" onchange="textfun2()" />
<br /><span id="sp2" ><font color="#FF0000">*[p1001]</font></span>
</td>
</tr>
</tr>
<tr><td colspan="2" >生日:<input type="text" id="t3" name="t3" size="30" /></td>
</tr>
</tr>
<tr><td colspan="2" >血型:
<select id="se1" name="se1" style="width:50px">
<option value="A">A </option>
<option value="B">B </option>
<option value="O">O </option>
<option value="AB">AB </option>
</select>
</td>
</tr>
<tr>
<td colspan="2">學歷:
<select id="se2" name="se2" style="width:100px">
<option value="中學">中學 </option>
<option value="專科">專科 </option>
<option value="大學">大學 </option>
<option value="研究所">研究所 </option>
<option value="其他">其他</option>
</select>
</td>
</tr>
<tr>
<td align="center">
<input type="button" id="bt1" name="bt1" value="儲存" />
</td>
<td align="center" >
<input type="button" id="bt2" name="bt2" value="清除" />
</td>
</tr>
<tr>
<td align="center">
<input type="button" id="bt3" name="bt3" value="瀏覽" />
</td>
<td align="center" >
<input type="button" id="bt4" name="bt4" value="查詢" />
</td>
</tr>
<tr>
<td align="center" >
<input type="button" id="bt5" name="bt5" value="區間查詢" />
</td>
</tr>
<tr>
<td colspan="2" align="right">Firebase Database</td>
</tr>
</table>
</form>
</center>
</body>
</html>
================================
dbpagebrower5.html
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
str=str+v.pid+" "+v.pname+" "+v.pbirth+" "+v.pblood+" "+v.pschool+"<p>"
});
document.getElementById("dv1").innerHTML=str;
});
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none">
<tr>
<td ><div id="dv1" style="width:300px; height:500px; background-color:#0FF"></div></td>
</tr>
</table>
</form>
============================
dbpagequery5.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
$("#qbt1").click(function()
{
var id=document.getElementById("t1").value;
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
if (id==v.pid)
{
str=str+v.pid+" "+v.pname+" "+v.pbirth+" "+v.pblood+" "+v.pschool+"<p>"
document.getElementById("dv1").innerHTML=str;
}
});
});
});
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td height="10" align="right" >查詢編號
<input type="text" id="t1" name="t1" size="20" />
<input type="button" id="qbt1" name="qbt1" value="查詢" />
</td>
</tr>
<tr>
<td ><div id="dv1" style="width:300px; height:500px; overflow:scroll; "></div></td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
=================
區間查詢
$(document).ready(function()
{
var str="";
$("#qbt1").click(function()
{
var sid=document.getElementById("t1").value;
var eid=document.getElementById("t2").value;
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
if (v.pid>=sid && v.pid<=eid)
{
str=str+v.pid+" "+v.pname+" "+v.pbirth+" "+v.pblood+" "+v.pschool+"<p>"
}
document.getElementById("dv1").innerHTML=str;
});
});
});
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td height="10" align="left" >查詢開始編號
<input type="text" id="t1" name="t1" size="20" /><br/>查詢結束編號
<input type="text" id="t2" name="t2" size="20" /><p>
<input type="button" id="qbt1" name="qbt1" value="查詢" style="width:300px" />
</td>
</tr>
<tr>
<td ><div id="dv1" style="width:300px; height:500px; overflow:scroll; "></div></td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>
</center>
</body>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
$("#bt1").click(function()
{
var id=document.getElementById("t1").value;
var name=document.getElementById("t2").value;
var birth=document.getElementById("t3").value;
var blood=document.getElementById("se1").value;
var school=document.getElementById("se2").value;
alert(id +" "+name+" "+birth+" "+blood+" "+school);
if (id!="")
{
if (name!="")
{
var db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.push({pid:id,pname:name,pbirth:birth,pblood:blood,pschool:school});
alert("資料寫入firebase成功 1");
}
else
{
alert("請輸入姓名資料");
document.getElementById("t1").focus();
}
}
else
{
alert("請輸入編號資料");
document.getElementById("t1").focus();
}
});
$("#bt2").click(function()
{
location.href="dbpageform5.html";
});
$("#bt3").click(function()
{
location.href="dbpagebrower5.html";
});
$("#bt4").click(function()
{
location.href="dbpagequery5.html";
});
$("#bt5").click(function()
{
location.href="dbpagequeryIn5.html";
});
});
function textfun1()
{
var id=document.getElementById("t1").value;
if (id!="")
{
document.getElementById("sp1").innerHTML="";
}
else
{
document.getElementById("sp1").innerHTML="<font color='#FF0000'>*[p1001]</font>";
}
}
function textfun2()
{
var id=document.getElementById("t2").value;
if (id!="")
{
document.getElementById("sp2").innerHTML="";
}
else
{
document.getElementById("sp2").innerHTML="<font color='#FF0000'>*[p1001]</font>";
}
}
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none">
<tr>
<td colspan="2">雲端個人資料</td>
</tr>
<tr><td colspan="2">編號:<input type="text" id="t1" name="t1" size="30" onchange="textfun1()" />
<br /><span id="sp1" ><font color="#FF0000">*[p1001]</font></span>
</td>
</tr>
</tr>
<tr><td colspan="2" >姓名:<input type="text" id="t2" name="t2" size="30" onchange="textfun2()" />
<br /><span id="sp2" ><font color="#FF0000">*[p1001]</font></span>
</td>
</tr>
</tr>
<tr><td colspan="2" >生日:<input type="text" id="t3" name="t3" size="30" /></td>
</tr>
</tr>
<tr><td colspan="2" >血型:
<select id="se1" name="se1" style="width:50px">
<option value="A">A </option>
<option value="B">B </option>
<option value="O">O </option>
<option value="AB">AB </option>
</select>
</td>
</tr>
<tr>
<td colspan="2">學歷:
<select id="se2" name="se2" style="width:100px">
<option value="中學">中學 </option>
<option value="專科">專科 </option>
<option value="大學">大學 </option>
<option value="研究所">研究所 </option>
<option value="其他">其他</option>
</select>
</td>
</tr>
<tr>
<td align="center">
<input type="button" id="bt1" name="bt1" value="儲存" />
</td>
<td align="center" >
<input type="button" id="bt2" name="bt2" value="清除" />
</td>
</tr>
<tr>
<td align="center">
<input type="button" id="bt3" name="bt3" value="瀏覽" />
</td>
<td align="center" >
<input type="button" id="bt4" name="bt4" value="查詢" />
</td>
</tr>
<tr>
<td align="center" >
<input type="button" id="bt5" name="bt5" value="區間查詢" />
</td>
</tr>
<tr>
<td colspan="2" align="right">Firebase Database</td>
</tr>
</table>
</form>
</center>
</body>
</html>
dbpagebrower5.html
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
str=str+v.pid+" "+v.pname+" "+v.pbirth+" "+v.pblood+" "+v.pschool+"<p>"
});
document.getElementById("dv1").innerHTML=str;
});
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none">
<tr>
<td ><div id="dv1" style="width:300px; height:500px; background-color:#0FF"></div></td>
</tr>
</table>
</form>
============================
dbpagequery5.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文件</title>
</head>
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
var str="";
$("#qbt1").click(function()
{
var id=document.getElementById("t1").value;
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
if (id==v.pid)
{
str=str+v.pid+" "+v.pname+" "+v.pbirth+" "+v.pblood+" "+v.pschool+"<p>"
document.getElementById("dv1").innerHTML=str;
}
});
});
});
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td height="10" align="right" >查詢編號
<input type="text" id="t1" name="t1" size="20" />
<input type="button" id="qbt1" name="qbt1" value="查詢" />
</td>
</tr>
<tr>
<td ><div id="dv1" style="width:300px; height:500px; overflow:scroll; "></div></td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>
=================
區間查詢
$(document).ready(function()
{
var str="";
$("#qbt1").click(function()
{
var sid=document.getElementById("t1").value;
var eid=document.getElementById("t2").value;
db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.on('value',function(data)
{
$.each(data.val(),function(k,v)
{
if (v.pid>=sid && v.pid<=eid)
{
str=str+v.pid+" "+v.pname+" "+v.pbirth+" "+v.pblood+" "+v.pschool+"<p>"
}
document.getElementById("dv1").innerHTML=str;
});
});
});
});
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none" background="bg7.jpg" >
<tr>
<td height="10" align="left" >查詢開始編號
<input type="text" id="t1" name="t1" size="20" /><br/>查詢結束編號
<input type="text" id="t2" name="t2" size="20" /><p>
<input type="button" id="qbt1" name="qbt1" value="查詢" style="width:300px" />
</td>
</tr>
<tr>
<td ><div id="dv1" style="width:300px; height:500px; overflow:scroll; "></div></td>
</tr>
<tr>
<td height="10" align="right" >
<a href="dbpageform5.html">回首頁</a>
</td>
</tr>
</table>
</form>
</center>
</body>
2017年1月16日 星期一
firebase put資料
<script src="https://cdn.firebase/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
var db=new Firebase( "https://hopetext-88e84.firebaseio.com");
var name="John";
var text="Hello";
db.set('user'+name+'says'+text);
alert("資料寫入firebase成功 1");
});
</script>
======================
<script src="https://www.gstatic.com/firebasejs/3.6.5/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
db=new Firebase("https://myhope615.firebaseio.com");
var name="John";
var text="Hello";
db.set({'user':name,'says':text});
alert("資料寫入firebase成功 1");
});
</script>
==========================
<script src="https://www.gstatic.com/firebasejs/3.6.5/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
======================================
</script>
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
$("#bt1").click(function()
{
var id=document.getElementById("t1").value;
var name=document.getElementById("t2").value;
var birth=document.getElementById("t3").value;
var blood=document.getElementById("se1").value;
var school=document.getElementById("se2").value;
alert(id +" "+name+" "+birth+" "+blood+" "+school);
if (id!="")
{
if (name!="")
{
var db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.push({pid:id,pname:name,pbirth:birth,pblood:blood,pschool:school});
alert("資料寫入firebase成功 1");
}
else
{
alert("請輸入姓名資料");
document.getElementById("t1").focus();
}
}
else
{
alert("請輸入編號資料");
document.getElementById("t1").focus();
}
});
$("#bt2").click(function()
{
document.getElementById("t1").value="";
document.getElementById("t2").value="";
document.getElementById("t3").value="";
document.getElementById("se1").value="";
document.getElementById("se2").value="";
});
});
function textfun1()
{
var id=document.getElementById("t1").value;
if (id!="")
{
document.getElementById("sp1").innerHTML="";
}
else
{
document.getElementById("sp1").innerHTML="<font color='#FF0000'>*[p1001]</font>";
}
}
function textfun2()
{
var id=document.getElementById("t2").value;
if (id!="")
{
document.getElementById("sp2").innerHTML="";
}
else
{
document.getElementById("sp2").innerHTML="<font color='#FF0000'>*[p1001]</font>";
}
}
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none">
<tr>
<td colspan="2">雲端個人資料</td>
</tr>
<tr><td colspan="2">編號:<input type="text" id="t1" name="t1" size="30" onchange="textfun1()" />
<br /><span id="sp1" ><font color="#FF0000">*[p1001]</font></span>
</td>
</tr>
</tr>
<tr><td colspan="2" >姓名:<input type="text" id="t2" name="t2" size="30" onchange="textfun2()" />
<br /><span id="sp2" ><font color="#FF0000">*[p1001]</font></span>
</td>
</tr>
</tr>
<tr><td colspan="2" >生日:<input type="text" id="t3" name="t3" size="30" /></td>
</tr>
</tr>
<tr><td colspan="2" >血型:
<select id="se1" name="se1" style="width:50px">
<option value="A">A </option>
<option value="B">B </option>
<option value="O">O </option>
<option value="AB">AB </option>
</select>
</td>
</tr>
<tr>
<td colspan="2">學歷:
<select id="se2" name="se2" style="width:100px">
<option value="中學">中學 </option>
<option value="專科">專科 </option>
<option value="大學">大學 </option>
<option value="研究所">研究所 </option>
<option value="其他">其他</option>
</select>
</td>
</tr>
<tr>
<td align="center">
<input type="button" id="bt1" name="bt1" value="儲存" />
</td>
<td align="center" >
<input type="button" id="bt2" name="bt2" value="清除" />
</td>
</tr>
<tr>
<td colspan="2" align="right">Firebase Database</td>
</tr>
</table>
</form>
</center>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
var db=new Firebase( "https://hopetext-88e84.firebaseio.com");
var name="John";
var text="Hello";
db.set('user'+name+'says'+text);
alert("資料寫入firebase成功 1");
});
</script>
======================
<script src="https://www.gstatic.com/firebasejs/3.6.5/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
db=new Firebase("https://myhope615.firebaseio.com");
var name="John";
var text="Hello";
db.set({'user':name,'says':text});
alert("資料寫入firebase成功 1");
});
</script>
==========================
<script src="https://www.gstatic.com/firebasejs/3.6.5/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyAkLj-VUslww1eRfzRdPeMUS25hPs_T320",
authDomain: "hopetext-88e84.firebaseapp.com",
databaseURL: "https://hopetext-88e84.firebaseio.com",
storageBucket: "hopetext-88e84.appspot.com",
messagingSenderId: "385304339266"
};
firebase.initializeApp(config);
======================================
</script>
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
$("#bt1").click(function()
{
var id=document.getElementById("t1").value;
var name=document.getElementById("t2").value;
var birth=document.getElementById("t3").value;
var blood=document.getElementById("se1").value;
var school=document.getElementById("se2").value;
alert(id +" "+name+" "+birth+" "+blood+" "+school);
if (id!="")
{
if (name!="")
{
var db=new Firebase( "https://hopetext-88e84.firebaseio.com");
db.push({pid:id,pname:name,pbirth:birth,pblood:blood,pschool:school});
alert("資料寫入firebase成功 1");
}
else
{
alert("請輸入姓名資料");
document.getElementById("t1").focus();
}
}
else
{
alert("請輸入編號資料");
document.getElementById("t1").focus();
}
});
$("#bt2").click(function()
{
document.getElementById("t1").value="";
document.getElementById("t2").value="";
document.getElementById("t3").value="";
document.getElementById("se1").value="";
document.getElementById("se2").value="";
});
});
function textfun1()
{
var id=document.getElementById("t1").value;
if (id!="")
{
document.getElementById("sp1").innerHTML="";
}
else
{
document.getElementById("sp1").innerHTML="<font color='#FF0000'>*[p1001]</font>";
}
}
function textfun2()
{
var id=document.getElementById("t2").value;
if (id!="")
{
document.getElementById("sp2").innerHTML="";
}
else
{
document.getElementById("sp2").innerHTML="<font color='#FF0000'>*[p1001]</font>";
}
}
</script>
<body>
<center>
<form id="f1">
<table id="tb1" width="300" height="500" rules="none">
<tr>
<td colspan="2">雲端個人資料</td>
</tr>
<tr><td colspan="2">編號:<input type="text" id="t1" name="t1" size="30" onchange="textfun1()" />
<br /><span id="sp1" ><font color="#FF0000">*[p1001]</font></span>
</td>
</tr>
</tr>
<tr><td colspan="2" >姓名:<input type="text" id="t2" name="t2" size="30" onchange="textfun2()" />
<br /><span id="sp2" ><font color="#FF0000">*[p1001]</font></span>
</td>
</tr>
</tr>
<tr><td colspan="2" >生日:<input type="text" id="t3" name="t3" size="30" /></td>
</tr>
</tr>
<tr><td colspan="2" >血型:
<select id="se1" name="se1" style="width:50px">
<option value="A">A </option>
<option value="B">B </option>
<option value="O">O </option>
<option value="AB">AB </option>
</select>
</td>
</tr>
<tr>
<td colspan="2">學歷:
<select id="se2" name="se2" style="width:100px">
<option value="中學">中學 </option>
<option value="專科">專科 </option>
<option value="大學">大學 </option>
<option value="研究所">研究所 </option>
<option value="其他">其他</option>
</select>
</td>
</tr>
<tr>
<td align="center">
<input type="button" id="bt1" name="bt1" value="儲存" />
</td>
<td align="center" >
<input type="button" id="bt2" name="bt2" value="清除" />
</td>
</tr>
<tr>
<td colspan="2" align="right">Firebase Database</td>
</tr>
</table>
</form>
</center>
2017年1月13日 星期五
使用firebase
<script src="https://www.gstatic.com/firebasejs/3.6.5/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyBANZv2bjoifiFmAJKpSwltchZjPA7bqnY",
authDomain: "myhope615.firebaseapp.com",
databaseURL: "https://myhope615.firebaseio.com",
storageBucket: "myhope615.appspot.com",
messagingSenderId: "285542370758"
};
firebase.initializeApp(config);
</script>
{
"rules": {
".read": true,
".write": true
}
}
================================
<script src="https://www.gstatic.com/firebasejs/3.6.5/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyBANZv2bjoifiFmAJKpSwltchZjPA7bqnY",
authDomain: "myhope615.firebaseapp.com",
databaseURL: "https://myhope615.firebaseio.com",
storageBucket: "myhope615.appspot.com",
messagingSenderId: "285542370758"
};
firebase.initializeApp(config);
//讀取雲端資料 var db=firebase.database(); db.ref("name/").on("value",function(snap) { var data=snap.val(); alert(data); },function(error) { alert("資料存取失敗"); });
})
</script>
=========================
1.建立雲端資料庫元件
var db=firebase.database();
name/
db.ref("節點").on("value",function(snap)
選擇器 事件 值 成功
{
}
,function(error){
失敗
});
===========================
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyBANZv2bjoifiFmAJKpSwltchZjPA7bqnY",
authDomain: "myhope615.firebaseapp.com",
databaseURL: "https://myhope615.firebaseio.com",
storageBucket: "myhope615.appspot.com",
messagingSenderId: "285542370758"
};
firebase.initializeApp(config);
</script>
{
"rules": {
".read": true,
".write": true
}
}
================================
<script src="https://www.gstatic.com/firebasejs/3.6.5/firebase.js"></script>
<script language="javascript" src="jquery-3.1.1.min.js"></script>
<script language="javascript">
$(document).ready(function()
{
// Initialize Firebase
var config = {
apiKey: "AIzaSyBANZv2bjoifiFmAJKpSwltchZjPA7bqnY",
authDomain: "myhope615.firebaseapp.com",
databaseURL: "https://myhope615.firebaseio.com",
storageBucket: "myhope615.appspot.com",
messagingSenderId: "285542370758"
};
firebase.initializeApp(config);
//讀取雲端資料 var db=firebase.database(); db.ref("name/").on("value",function(snap) { var data=snap.val(); alert(data); },function(error) { alert("資料存取失敗"); });
})
</script>
=========================
1.建立雲端資料庫元件
var db=firebase.database();
name/
db.ref("節點").on("value",function(snap)
選擇器 事件 值 成功
{
}
,function(error){
失敗
});
===========================
android web 設定
加新檔------專案=>NEW=>other=>androidActivity=>Blank
=================================
<activity
android:name="com.example.helloproject1.Hopeac2"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
===============
package com.example.helloproject1;
import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.widget.*;
import android.webkit.*;
public class Hopeac2 extends Activity
{
private WebView wv1=null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_hopeac2);
wv1=(WebView)findViewById(R.id.webView1);
WebSettings ws=wv1.getSettings();
ws.setJavaScriptEnabled(true);
ws.setBuiltInZoomControls(true);
ws.setJavaScriptCanOpenWindowsAutomatically(true);
wv1.loadUrl("file:///android_asset/ex2.html");
}
}
=====================================================
參考http://www.viralandroid.com/2015/08/simple-android-webview-example.html
===========================================
資源檔
1.檔名不可用數字開頭
2.檔名和副檔名不可以大寫
3.檔名不可以用繁體中文
4.檔名不可以用特殊符號% ,-, #, $, /,^
================================
https://www.eclipse.org/downloads/packages/release/Neon/2
==========================
package com.example.helloproject1;
import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.widget.*;
import android.webkit.*;
public class Hopeac2 extends Activity
{
private WebView wv1=null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_hopeac2);
wv1=(WebView)findViewById(R.id.webView1);
WebSettings ws=wv1.getSettings();
ws.setJavaScriptEnabled(true);
ws.setBuiltInZoomControls(true);
ws.setJavaScriptCanOpenWindowsAutomatically(true);
WebChromeClient wcc=new WebChromeClient()
{
@Override
public boolean onJsAlert(WebView view, String url, String message,
JsResult result) {
// TODO Auto-generated method stub
return super.onJsAlert(view, url, message, result);
}
};
wv1.setWebChromeClient(wcc);
wv1.loadUrl("file:///android_asset/dbpageform5.html");
}
}
=================================
<activity
android:name="com.example.helloproject1.Hopeac2"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
===============
package com.example.helloproject1;
import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.widget.*;
import android.webkit.*;
public class Hopeac2 extends Activity
{
private WebView wv1=null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_hopeac2);
wv1=(WebView)findViewById(R.id.webView1);
WebSettings ws=wv1.getSettings();
ws.setJavaScriptEnabled(true);
ws.setBuiltInZoomControls(true);
ws.setJavaScriptCanOpenWindowsAutomatically(true);
wv1.loadUrl("file:///android_asset/ex2.html");
}
}
=====================================================
參考http://www.viralandroid.com/2015/08/simple-android-webview-example.html
===========================================
資源檔
1.檔名不可用數字開頭
2.檔名和副檔名不可以大寫
3.檔名不可以用繁體中文
4.檔名不可以用特殊符號% ,-, #, $, /,^
================================
https://www.eclipse.org/downloads/packages/release/Neon/2
==========================
package com.example.helloproject1;
import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.widget.*;
import android.webkit.*;
public class Hopeac2 extends Activity
{
private WebView wv1=null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_hopeac2);
wv1=(WebView)findViewById(R.id.webView1);
WebSettings ws=wv1.getSettings();
ws.setJavaScriptEnabled(true);
ws.setBuiltInZoomControls(true);
ws.setJavaScriptCanOpenWindowsAutomatically(true);
WebChromeClient wcc=new WebChromeClient()
{
@Override
public boolean onJsAlert(WebView view, String url, String message,
JsResult result) {
// TODO Auto-generated method stub
return super.onJsAlert(view, url, message, result);
}
};
wv1.setWebChromeClient(wcc);
wv1.loadUrl("file:///android_asset/dbpageform5.html");
}
}
訂閱:
意見 (Atom)