นี้โค้ดครับ
<!DOCTYPE html>
<!--HTML5 doctype-->
<html>
<head>
<title>Login View Template</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes" />
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="../www/appframework/build/icons.css" />
<link rel="stylesheet" type="text/css" href="../www/appframework/build/af.ui.css" />
<script type="text/javascript" charset="utf-8" src="
http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="
http://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.3/fastclick.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../www/appframework/build/appframework.ui.js"></script>
<script>
$(document).ready(function(){
$("#main").bind("panelbeforeload", startApp);
// setup signin and signup button events
$("#login").on("click", function(){
signIn();
});
$("#register").on("click", function(){
signUp();
});
});
function signIn(){
/* var str ="NAME="+escape(document.getElementById("name").value)+"&"+"PASS="+escape(document.getElementById("password").value);
intel.xdk.device.getRemoteData(
"
http://localhost/thitirun/sinin.php","POST",str,
"success_sigin",
"error_handler");
}
function success_signin (data)
{
var jsondata = JSON.parse(data);
if(data != "<h1>User or Password incorrect!!</h1>)
{
document.getElementById("signIn").style.display = "none";
document.getElementById("welcome").style.display= "block";
}
intel.xdk.cache.setCookie("teacher_id",jsondata[0],-1);
{
*/
// SIGNIN SERVER CALL CODE GOES HERE
valid_login = true;
if(valid_login){
$.afui.loadContent("#main", null, null, "fade");
}
else
{
//Example use of the error toast api
var opts={
message:"Invalid Login Combination",
position:"tc",
delay:2000,
autoClose:true,
type:"error"
};
$.afui.toast(opts);
}
}
function signUp(){
//example client side validation
if ($("#password").val() === $("#confirmpassword").val())
{
// SIGNUP SERVER CALL CODE GOES HERE
//render main view
$.afui.loadContent("#main", null, null, "fade");
//Example use of the success toast
var opts={
message:"Account Created",
position:"tc",
delay:2000,
autoClose:true,
type:"success"
};
$.afui.toast(opts);
}
else
{
//Example use of the error toast
var opts={
message:"Passwords Don't Match",
position:"tc",
delay:2000,
autoClose:true,
type:"error"
};
$.afui.toast(opts);
}
}
function startApp(){
// clears all back button history
$.afui.clearHistory();
// your app cod
}
</script>
</head>
<body>
<div id="splashscreen" class='ui-loader heavy'>
App Framework - Login View
<br>
<br>
<span class='ui-icon ui-icon-loading spin'></span>
<h1>Starting app</h1>
</div>
<div class="view" id="mainview">
<header>
<h1>Login View Example</h1>
</header>
<div class="pages">
<!-- Welcome View -->
<div class="panel" data-title="Welcome" id="page1" data-header="none" data-footer="none" selected="true">
<div style="text-align:center">
<br>
<br>
<p>บัญชีรายรับ-รายจ่าย</p>
<br>
<br>
</div>
<ul class="list inset">
<li><a href="#signin" class="icon user" style="text-align:center">Login</a></li>
<li><a href="#signup" class="icon pencil" style="text-align:center">Register</a></li>
</ul>
</div>
<!-- Login View -->
<div class="panel" data-title="Login" id="signin" data-footer="none">
<div style="text-align:center">
<br>
<br>
<p>บัญชีรายรับ-รายจ่าย</p>
<br>
<br>
</div>
<input name="username" type="text" placeholder="username" />
<input name="password" type="password" placeholder="password" />
<a class="button block green" href="#" id="login">Login</a>
</div>
<!-- Register View -->
<div class="panel" data-title="Register" id="signup" data-footer="none">
<div style="text-align:center">
<br>
<br>
<p>บัญชีรายรับ-รายจ่าย</p>
<br>
<br>
</div>
<form method="post" action="insert.php">
<input name="name" type="text" placeholder="Name" id="name" />
<input name="email" type="text" placeholder="Email" id="email" />
<input name="username" type="text" placeholder="Username" id="username" />
<input name="password" type="password" placeholder="Password" id="password" />
<input name="password2" type="password" placeholder="Confirm Password" id="confirmpassword" />
<a class="button block green" href="#page1" id="register">Register</a>
</form>
</div>
<!-- Main App View -->
<div class="panel" data-title="บัญชีรายรับ-รายจ่าย" id="main" data-footer="none">
<ul class="list">
<li><a href="#item1">รายรับ</a></li>
<li><a href="#item2">รายจ่าย</a></li>
<li><a href="#item3">สรุปรายรับ-รายจ่าย</a></li>
<li><a href="#item4">สรุปประเภทรายรับ-รายจ่าย</a></li>
<li><a href="#item5">ตั้งค่า</a></li>
</ul>
<a class="button block red" href="#page1" id="logout">Logout</a>
</div>
<!--Detail View Pages for each list item-->
<div class="panel" data-title="รายรับ" id="item1" data-footer="none">
<p>บันทึกรายรับประจำวัน</p>
<input name="รายรับ" type="text" placeholder="รายการ" />
<input name="ประเภท" type="text" placeholder="ประเภท" />
<input name="จำนวนเงิน" type="text" placeholder="จำนวนเงิน" />
<a class="button block green" href="#main" id="login">บันทึก</a>
</div>
<div class="panel" data-title="รายจ่าย" id="item2" data-footer="none">
<p>บันทึกรายจ่ายประจำวัน </p>
<input name="รายจ่าย" type="text" placeholder="รายการ" />
<input name="ประเภท1" type="text" placeholder="ประเภท" />
<input name="จำนวนเงิน1" type="text" placeholder="จำนวนเงิน" />
<a class="button block green" href="#main" id="login">บันทึก</a>
</div>
<div class="panel" data-title="สรุปรายรับ-รายจ่าย" id="item3" data-footer="none">
<ul class="list">
<li><a href="#item6">มกราคม</a></li>
<li><a href="#item7">กุมภาพันธ์ </a></li>
<li><a href="#item8">มีนาคม</a></li>
<li><a href="#item9">เมษายน</a></li>
<li><a href="#item10">พฤษาคม</a></li>
<li><a href="#item11">มิถุนายน</a></li>
<li><a href="#item12">กรกฎาคม</a></li>
<li><a href="#item13">สิงหาคม</a></li>
<li><a href="#item14">กันยายน</a></li>
<li><a href="#item14">กันยายน</a></li>
<li><a href="#item15">ตุลาคม</a></li>
<li><a href="#item16">พฤษจิกายน</a></li>
<li><a href="#item17">ธันวาคม</a></li>
</ul>
</div>
<div class="panel" data-title="สรุปประเภท-รายจ่าย" id="item4" data-footer="none">
<p>This is detail view for Item 4</p>
</div>
<div class="panel" data-title="ตั้งค่า" id="item5" data-footer="none">
<p>This is detail view for Item 5</p>
<html lang="en">
...
</html>
<html xmlns="
http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
...
</html>
</div>
</div>
</body>
</html>div>
</div>
</body>
</html>
อยากจะเก็บข้อมูลที่พิมพ์ แต่ละ text ไปเก็บในฐานข้อมูล อะครับ
ช่วยผมหน่อย ฝึกเขียนโปรแกรมใหม่ ไม่รู้จะติดต่อฐานข้อมูลไง สร้างฐานข้อมูลไง อะไรบ้าง ช่วยหน่อยนะ
<!DOCTYPE html>
<!--HTML5 doctype-->
<html>
<head>
<title>Login View Template</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes" />
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="../www/appframework/build/icons.css" />
<link rel="stylesheet" type="text/css" href="../www/appframework/build/af.ui.css" />
<script type="text/javascript" charset="utf-8" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.3/fastclick.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../www/appframework/build/appframework.ui.js"></script>
<script>
$(document).ready(function(){
$("#main").bind("panelbeforeload", startApp);
// setup signin and signup button events
$("#login").on("click", function(){
signIn();
});
$("#register").on("click", function(){
signUp();
});
});
function signIn(){
/* var str ="NAME="+escape(document.getElementById("name").value)+"&"+"PASS="+escape(document.getElementById("password").value);
intel.xdk.device.getRemoteData(
"http://localhost/thitirun/sinin.php","POST",str,
"success_sigin",
"error_handler");
}
function success_signin (data)
{
var jsondata = JSON.parse(data);
if(data != "<h1>User or Password incorrect!!</h1>)
{
document.getElementById("signIn").style.display = "none";
document.getElementById("welcome").style.display= "block";
}
intel.xdk.cache.setCookie("teacher_id",jsondata[0],-1);
{
*/
// SIGNIN SERVER CALL CODE GOES HERE
valid_login = true;
if(valid_login){
$.afui.loadContent("#main", null, null, "fade");
}
else
{
//Example use of the error toast api
var opts={
message:"Invalid Login Combination",
position:"tc",
delay:2000,
autoClose:true,
type:"error"
};
$.afui.toast(opts);
}
}
function signUp(){
//example client side validation
if ($("#password").val() === $("#confirmpassword").val())
{
// SIGNUP SERVER CALL CODE GOES HERE
//render main view
$.afui.loadContent("#main", null, null, "fade");
//Example use of the success toast
var opts={
message:"Account Created",
position:"tc",
delay:2000,
autoClose:true,
type:"success"
};
$.afui.toast(opts);
}
else
{
//Example use of the error toast
var opts={
message:"Passwords Don't Match",
position:"tc",
delay:2000,
autoClose:true,
type:"error"
};
$.afui.toast(opts);
}
}
function startApp(){
// clears all back button history
$.afui.clearHistory();
// your app cod
}
</script>
</head>
<body>
<div id="splashscreen" class='ui-loader heavy'>
App Framework - Login View
<br>
<br>
<span class='ui-icon ui-icon-loading spin'></span>
<h1>Starting app</h1>
</div>
<div class="view" id="mainview">
<header>
<h1>Login View Example</h1>
</header>
<div class="pages">
<!-- Welcome View -->
<div class="panel" data-title="Welcome" id="page1" data-header="none" data-footer="none" selected="true">
<div style="text-align:center">
<br>
<br>
<p>บัญชีรายรับ-รายจ่าย</p>
<br>
<br>
</div>
<ul class="list inset">
<li><a href="#signin" class="icon user" style="text-align:center">Login</a></li>
<li><a href="#signup" class="icon pencil" style="text-align:center">Register</a></li>
</ul>
</div>
<!-- Login View -->
<div class="panel" data-title="Login" id="signin" data-footer="none">
<div style="text-align:center">
<br>
<br>
<p>บัญชีรายรับ-รายจ่าย</p>
<br>
<br>
</div>
<input name="username" type="text" placeholder="username" />
<input name="password" type="password" placeholder="password" />
<a class="button block green" href="#" id="login">Login</a>
</div>
<!-- Register View -->
<div class="panel" data-title="Register" id="signup" data-footer="none">
<div style="text-align:center">
<br>
<br>
<p>บัญชีรายรับ-รายจ่าย</p>
<br>
<br>
</div>
<form method="post" action="insert.php">
<input name="name" type="text" placeholder="Name" id="name" />
<input name="email" type="text" placeholder="Email" id="email" />
<input name="username" type="text" placeholder="Username" id="username" />
<input name="password" type="password" placeholder="Password" id="password" />
<input name="password2" type="password" placeholder="Confirm Password" id="confirmpassword" />
<a class="button block green" href="#page1" id="register">Register</a>
</form>
</div>
<!-- Main App View -->
<div class="panel" data-title="บัญชีรายรับ-รายจ่าย" id="main" data-footer="none">
<ul class="list">
<li><a href="#item1">รายรับ</a></li>
<li><a href="#item2">รายจ่าย</a></li>
<li><a href="#item3">สรุปรายรับ-รายจ่าย</a></li>
<li><a href="#item4">สรุปประเภทรายรับ-รายจ่าย</a></li>
<li><a href="#item5">ตั้งค่า</a></li>
</ul>
<a class="button block red" href="#page1" id="logout">Logout</a>
</div>
<!--Detail View Pages for each list item-->
<div class="panel" data-title="รายรับ" id="item1" data-footer="none">
<p>บันทึกรายรับประจำวัน</p>
<input name="รายรับ" type="text" placeholder="รายการ" />
<input name="ประเภท" type="text" placeholder="ประเภท" />
<input name="จำนวนเงิน" type="text" placeholder="จำนวนเงิน" />
<a class="button block green" href="#main" id="login">บันทึก</a>
</div>
<div class="panel" data-title="รายจ่าย" id="item2" data-footer="none">
<p>บันทึกรายจ่ายประจำวัน </p>
<input name="รายจ่าย" type="text" placeholder="รายการ" />
<input name="ประเภท1" type="text" placeholder="ประเภท" />
<input name="จำนวนเงิน1" type="text" placeholder="จำนวนเงิน" />
<a class="button block green" href="#main" id="login">บันทึก</a>
</div>
<div class="panel" data-title="สรุปรายรับ-รายจ่าย" id="item3" data-footer="none">
<ul class="list">
<li><a href="#item6">มกราคม</a></li>
<li><a href="#item7">กุมภาพันธ์ </a></li>
<li><a href="#item8">มีนาคม</a></li>
<li><a href="#item9">เมษายน</a></li>
<li><a href="#item10">พฤษาคม</a></li>
<li><a href="#item11">มิถุนายน</a></li>
<li><a href="#item12">กรกฎาคม</a></li>
<li><a href="#item13">สิงหาคม</a></li>
<li><a href="#item14">กันยายน</a></li>
<li><a href="#item14">กันยายน</a></li>
<li><a href="#item15">ตุลาคม</a></li>
<li><a href="#item16">พฤษจิกายน</a></li>
<li><a href="#item17">ธันวาคม</a></li>
</ul>
</div>
<div class="panel" data-title="สรุปประเภท-รายจ่าย" id="item4" data-footer="none">
<p>This is detail view for Item 4</p>
</div>
<div class="panel" data-title="ตั้งค่า" id="item5" data-footer="none">
<p>This is detail view for Item 5</p>
<html lang="en">
...
</html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
...
</html>
</div>
</div>
</body>
</html>div>
</div>
</body>
</html>
อยากจะเก็บข้อมูลที่พิมพ์ แต่ละ text ไปเก็บในฐานข้อมูล อะครับ