2017年1月23日 星期一

firebase 事件 storage 存取

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月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+"&nbsp;&nbsp;"+s.val().pname+"&nbsp;&nbsp;"+s.val().pbirth+"&nbsp;&nbsp;"+s.val().pblood+"&nbsp;&nbsp;"+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+"&nbsp;&nbsp;"+v.pname+"&nbsp;&nbsp;"+v.pbirth+"&nbsp;&nbsp;"+v.pblood+"&nbsp;&nbsp;"+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+"&nbsp;&nbsp;"+v.pname+"&nbsp;&nbsp;"+v.pbirth+"&nbsp;&nbsp;"+v.pblood+"&nbsp;&nbsp;"+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+"&nbsp;&nbsp;"+v.pname+"&nbsp;&nbsp;"+v.pbirth+"&nbsp;&nbsp;"+v.pblood+"&nbsp;&nbsp;"+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+"&nbsp;&nbsp;"+v.pname+"&nbsp;&nbsp;"+v.pbirth+"&nbsp;&nbsp;"+v.pblood+"&nbsp;&nbsp;"+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+"&nbsp;&nbsp;"+v.pname+"&nbsp;&nbsp;"+v.pbirth+"&nbsp;&nbsp;"+v.pblood+"&nbsp;&nbsp;"+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+"&nbsp;&nbsp;"+v.pname+"&nbsp;&nbsp;"+v.pbirth+"&nbsp;&nbsp;"+v.pblood+"&nbsp;&nbsp;"+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+"&nbsp;&nbsp;"+v.pname+"&nbsp;&nbsp;"+v.pbirth+"&nbsp;&nbsp;"+v.pblood+"&nbsp;&nbsp;"+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>

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){
                失敗
});
===========================

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");
}


}