<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>
沒有留言:
張貼留言