Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,150

HOME > PHP > PHP Forum > "แจก Build" Json DrawPad Signature insert & Select


 

"แจก Build" Json DrawPad Signature insert & Select

 



Topic : 123606



โพสกระทู้ ( 3,327 )
บทความ ( 6 )

Hall of Fame 2012

สถานะออฟไลน์




:::: INSERT ::::
insert
:::: Select Show Signature ::::
select

index.php
Code (PHP)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery UI Signature Basics</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/south-street/jquery-ui.css" rel="stylesheet">
<link href="jquery.signature.css" rel="stylesheet">
<style>
.kbw-signature { width: 400px; height: 200px; }
</style>
<!--[if IE]>
<script src="excanvas.js"></script>
<![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js"></script>
<script src="jquery.signature.js"></script>
<script>
$(function() {
	$('#sig').signature();
	$('#clear').click(function() {
		Clear();
	});
	$('#json').click(function() {
		$.ajax({url : 'insert_draw.php',
			type : 'POST',
			data : 'txtName='+$('#txtName').val()+
				   '&Draw='+$('#sig').signature('toJSON'),
			datatype : 'json',
			success : function (result){
				var obj=jQuery.parseJSON(result);
				if(obj['Status']=='Success'){
					alert(obj['Msg']);
					Clear();	
				}	
			}
		});
		//alert($('#sig').signature('toJSON'));
	});
	
	function Clear(){
		$('#txtName').val('');
		$('#sig').signature('clear');	
	}
});
</script>
</head>
<body>
<table>
	<tr>
    	<td>Name :</td>
        <td><input type="text" id="txtName" placeholder="input you name"><br /></td>
    </tr>
    <tr>
    	<td>Signature</td>
        <td><div id="sig"></div></td>
    </tr>
    <tr>
    	<td colspan="2"><button id="clear">Clear</button> <button id="json">Insert</button></td>
    </tr>
</table>


</body>
</html>



insert_draw.php
Code (PHP)
<?PHP

	include ("connect.inc.php");
	
	$Name=$_POST['txtName'];
	$Draw=$_POST['Draw'];
	
	$StrInsert="INSERT INTO signature (Name,Draw) VALUES ('".$Name."','".$Draw."')";
	$Query=mysqli_query($Con,$StrInsert) or die (mysql_error());
	
	if($Query){
		$arr['Status']="Success";
		$arr['Msg']="System Insert Complete";
	}
	
	echo json_encode($arr);

?>


signature.php
Code (PHP)
<?PHP
	include ("connect.inc.php");
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery UI Signature Basics</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/south-street/jquery-ui.css" rel="stylesheet">
<link href="jquery.signature.css" rel="stylesheet">
<style>
.kbw-signature { width: 400px; height: 200px; }
</style>
<!--[if IE]>
<script src="excanvas.js"></script>
<![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/jquery-ui.min.js"></script>
<script src="jquery.signature.js"></script>
<script>
$(function() {
	$('textarea').each(function(index, element) {
        $(this).hide();
    });

	$('button').click(function() { 
    	var rel=$(this).attr('rel');
		$('#redrawSignature').signature('draw', $('#signatureJSON'+rel).val()); 
	}); 
	
 
	$('#redrawSignature').signature({disabled: true}); 

});
</script>
</head>
<body>

<table>
	<tr>
    	<td>ลำดับ</td>
        <td>ชื่อ</td>
        <td>ลายเซน</td>
    </tr>
    <?PHP
    	$strSelect="SELECT * FROM signature";
		$Query=mysqli_query($Con,$strSelect) or die (mysql_error());
		$i=0;
		while($Result=mysqli_fetch_array($Query)){
		$i++;
	?>
    <tr>
    	<td><?=$i;?></td>
        <td><?=$Result['Name'];?></td>
        <td><button id="redrawButton" rel="<?=$i?>">Signature</button><textarea id="signatureJSON<?=$i;?>"><?=$Result['Draw'];?></textarea></td>
    </tr>
    <?PHP } ?>
</table>
<div id="redrawSignature"></div>
</body>
</html>


connect.inc.php
Code (PHP)
<?PHP
	$Host="localhost";
	$UserDB="root";
	$PassDB="";
	$DB="member";
	
	$Con=mysqli_connect($Host,$UserDB,$PassDB,$DB);
	if(!$Con){
		echo mysqli_error();	
	}	   
?>


db member Fields
db

Link Tool Signature : http://keith-wood.name/signature.html



Tag : PHP, HTML/CSS, JavaScript, Action Script, Ajax, jQuery









ประวัติการแก้ไข
2016-06-28 18:52:49
2016-06-29 10:22:58
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-06-28 18:51:47 By : dudesaranyu View : 5970 Reply : 20
 

 

No. 1



โพสกระทู้ ( 73,823 )
บทความ ( 833 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook








แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-06-29 09:15:34 By : mr.win
 


 

No. 2



โพสกระทู้ ( 5,093 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


แหม่ะ!! ดีงาม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-06-29 09:19:21 By : apisitp
 

 

No. 3



โพสกระทู้ ( 369 )
บทความ ( 0 )



สถานะออฟไลน์


สุดยอดครับมาครบทั้งเซทเลย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-06-29 09:50:48 By : stepartz
 


 

No. 4



โพสกระทู้ ( 73,823 )
บทความ ( 833 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-06-29 14:06:38 By : mr.win
 


 

No. 5



โพสกระทู้ ( 3,327 )
บทความ ( 6 )

Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 4 เขียนโดย : mr.win เมื่อวันที่ 2016-06-29 14:06:38
รายละเอียดของการตอบ ::
ขอบคุณครับ ท่านผู้นำ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-06-29 15:17:15 By : dudesaranyu
 


 

No. 6



โพสกระทู้ ( 52 )
บทความ ( 0 )



สถานะออฟไลน์


พอจะมีวิธีให้สามารถเซ็นชื่อผ่าน smart phone เปล่าครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-09-05 16:19:16 By : kornmonter
 


 

No. 7



โพสกระทู้ ( 3,327 )
บทความ ( 6 )

Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 6 เขียนโดย : kornmonter เมื่อวันที่ 2016-09-05 16:19:16
รายละเอียดของการตอบ ::
Smart Phone ก็สามารถใช้ได้ครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-09-06 17:42:52 By : dudesaranyu
 


 

No. 8



โพสกระทู้ ( 11 )
บทความ ( 0 )



สถานะออฟไลน์


ไม่มี Link Download เลยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-09-06 18:05:31 By : chakpetch
 


 

No. 9



โพสกระทู้ ( 2 )
บทความ ( 0 )



สถานะออฟไลน์


รูปอธิบายส่วนของการทำงาน

พี่ๆครับ กรณี เราจะดึงลายเซนต์มาแสดง
ส่วน 2 ตามรูป

เราจะย่อขนาดของลายเซนต์ยังไงหรอครับ ขอบคุณครับ


ประวัติการแก้ไข
2016-09-12 16:56:46
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-09-07 11:11:16 By : bom_aass
 


 

No. 10



โพสกระทู้ ( 3,327 )
บทความ ( 6 )

Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 9 เขียนโดย : bom_aass เมื่อวันที่ 2016-09-07 11:11:16
รายละเอียดของการตอบ ::
ใช้CSS Control ครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-09-09 15:11:04 By : dudesaranyu
 


 

No. 11



โพสกระทู้ ( 314 )
บทความ ( 0 )



สถานะออฟไลน์


ภาษาไทย ใน ฐานข้อมูลไม่ได้ครับ
Error
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-09-12 09:45:55 By : โต้ง
 


 

No. 12



โพสกระทู้ ( 3,327 )
บทความ ( 6 )

Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 11 เขียนโดย : โต้ง เมื่อวันที่ 2016-09-12 09:45:55
รายละเอียดของการตอบ ::
มันอยู่ที่คุณ meta,set_charset ครับ ไม่เกี่ยวกับตัว code

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-09-12 09:50:16 By : dudesaranyu
 


 

No. 13



โพสกระทู้ ( 314 )
บทความ ( 0 )



สถานะออฟไลน์


<?PHP
header("Content-Type: text/html; charset=utf-8"); // ใส่ไปแล้วครับ
include ("connect.inc.php");
$Name=$_POST['txtName'];
$Draw=$_POST['Draw'];
$StrInsert="INSERT INTO signature (Name,Draw) VALUES ('".$Name."','".$Draw."')";
$Query=mysqli_query($Con,$StrInsert) or die (mysql_error());
mysqli_query("SET NAMES UTF8");
if($Query){
$arr['Status']="Success";
$arr['Msg']="System Insert Complete"; }
echo json_encode($arr);

?>
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-09-12 10:17:42 By : โต้ง
 


 

No. 14



โพสกระทู้ ( 3,327 )
บทความ ( 6 )

Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 13 เขียนโดย : โต้ง เมื่อวันที่ 2016-09-12 10:17:42
รายละเอียดของการตอบ ::
mysqli_query($link, "SET CHARACTER SET 'utf8'");

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-09-12 10:37:08 By : dudesaranyu
 


 

No. 15



โพสกระทู้ ( 314 )
บทความ ( 0 )



สถานะออฟไลน์


ได้แล้วครับ พี่ ขอบคุณพี่มากครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-09-12 17:58:15 By : โต้ง
 


 

No. 16



โพสกระทู้ ( 2 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 10 เขียนโดย : dudesaranyu เมื่อวันที่ 2016-09-09 15:11:04
รายละเอียดของการตอบ ::

งงเลยครับ เหมือนได้แต่กรอบ div หรือป่าวครับ ต้องแปลงเป็นรูปภาพยังไงหรอครับ
แนะนำหน่อยครับ



ประวัติการแก้ไข
2016-09-13 14:25:55
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-09-12 23:21:45 By : bom_aass
 


 

No. 17



โพสกระทู้ ( 314 )
บทความ ( 0 )



สถานะออฟไลน์


ใช้ signature เขียนลายเช๋็น แล้วให้เรียกค้นหาข้อมูลได้เหรอป่าวครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-09-14 15:00:46 By : โต้ง
 


 

No. 18



โพสกระทู้ ( 3,327 )
บทความ ( 6 )

Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 16 เขียนโดย : bom_aass เมื่อวันที่ 2016-09-12 23:21:45
รายละเอียดของการตอบ ::
แปลงเป็นรูปคงต้องใช้ jquery อื่นนะครับ ตัวนี้ใช้เก็บแค่ location point ครับ :)

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-09-14 17:11:59 By : dudesaranyu
 


 

No. 19



โพสกระทู้ ( 3,327 )
บทความ ( 6 )

Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 17 เขียนโดย : โต้ง เมื่อวันที่ 2016-09-14 15:00:46
รายละเอียดของการตอบ ::
ต้องลองทำดูครับ :)

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-09-14 17:13:33 By : dudesaranyu
 


 

No. 20

Guest


ทำไมกด insert แล้วยังค้างอยู่หน้าเดิมอะครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-20 10:51:57 By : zabza
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : "แจก Build" Json DrawPad Signature insert & Select
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, vps | เช่า vps , รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 03
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
for Contact Us : [Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่