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,296

HOME > PHP > PHP Forum > ช่วยดูโค้ดให้หน่อยครับ มันไม่ทำงานครับ เกี่ยวกับการทำ Auto Fill ครับ





 

ช่วยดูโค้ดให้หน่อยครับ มันไม่ทำงานครับ เกี่ยวกับการทำ Auto Fill ครับ

 



Topic : 122715



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



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



จากกระทู้ https://www.thaicreate.com/php/forum/122682.html ที่มีคนแนะนำมา

ผมบองมาแก้ไขโค้ด

หน้า Form
Code (PHP)
<!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>Untitled Document</title>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript">
  $('#txtIDstd').bind('keyup change', function () {
            var txtIDstd = $("input[name*='txtIDstd']").val();
            if (txtIDstd.length <= 4) {
                $("input[name*='txtIDstd']").focus();
                $("input[name*='txtIDstd']").addClass('error-style');
                return false;
            } else {
                $("input[name*='txtIDstd']").removeClass('error-style');
                $.ajax({
                    url: "return_ids.php",
                    type: "POST",
                    data: 'IDstd=' + $("#txtIDstd").val(),
                    success: function (result) {
                        //console.log(result);
                        var obj = $.parseJSON(result);
                        //console.log(obj);
                        if (obj === "") {
                            //$("#idStudent").val('');
                            $("input[name*='txtIDstd']").focus();
                            $("input[name*='txtIDstd']").val('');
                            $("select[name*='txtfname']").val('');
							$("select[name*='txtlname']").val('');
							$("select[name*='txtclass']").val('');
							$("select[name*='txtroom']").val('');
                            $("select[name*='txtyearin']").val('');
                            $("#nameDevice").removeClass('error-style');
                        } else {
                            $("#nameDevice").addClass('error-style');
                            $("#room1").focus();
                            $.each(obj, function (key, inval) {
                                $("#txtIDstd").val(inval["IDstd"]);
                                $("input[name*='txtIDstd']").val(inval["IDstd"]);
								$("select[name*='txtfname']").val(inval["fname"]);
                                $("select[name*='txtlname']").val(inval["lname"]);
								$("select[name*='txtclass']").val(inval["class"]);
								$("select[name*='txtroom']").val(inval["room"]);
                                $("select[name*='txtyearin']").val(inval["yearin"]);
                            });

                        }
                    }
                });
            }


        });
</script>
<style>
@import "compass/css3";
.test {
  display: block;
  margin-bottom: 1em;
  border: 1px solid silver;
  width: 100%;
  padding: .5em;
}

.test:read-only {
  background: #CCCCCC;
  color:#000000;
}

.test:read-write {
  background: lightgreen;
}

* {
  box-sizing: border-box;
}

body {
  padding: 1em;
}
</style>
</head>

<body OnLoad="document.autofill.txtIDstd.focus();">
<h2>jQuery Auto fill ดึงข้อมูลอัตโนมัติ</h2>
<form method="post" enctype="multipart/form-data" name="autofill" id="autofill">
<table width="302" border="1">
  <tr>
    <td width="104">IDstd</td>
    <td width="153"><input type="text" id="txtIDstd" name="txtIDstd"></td>
  </tr>
  <tr>
    <td>fname</td>
    <td><input type="text" id="txtfname" name="txtfname"></td>
  </tr>
  <tr>
    <td>lname</td>
    <td><input name="txtlname" type="text" id="txtlname"></td>
  </tr>
  <tr>
    <td>class</td>
    <td><input type="text" id="txtclass" name="txtclass"></td>
  </tr>
  <tr>
    <td>room</td>
    <td><input type="text" id="txtroom" name="txtroom"></td>
  </tr>
  <tr>
    <td>yearin</td>
    <td><input type="text" id="txtyearin" name="txtyearin"></td>
  </tr>
</table>
</form>
</body>
</html>




หน้า return_ids.php
Code (PHP)
<?php
include("db_connect.php");
$mysqli = connect();

//$sql="SELECT * FROM member WHERE IDstd like '".$_POST['IDstd']."'";
$sql="SELECT * FROM member WHERE IDstd like '09180' ";
//$sql="SELECT * FROM tb_course WHERE courseID='1' ";
//$qr=select($sql); // select ข้อมูลในฐานข้อมูลมาแสดง กรณีดึงมาแค่รายการแรกรายการเดียว
//$rs=$qr[0]; // จำเป็นต้องกำหนด
if($qr=select($sql)) {
$rs=$qr[0];
		$result[]=array(
        "IDstd"=>$rs['IDstd'],
        "fname"=>$rs['fname'],       
        "lname"=>$rs['lname'],
		"class"=>$rs['class'],
		"room"=>$rs['room'], 
        "yearin"=>$rs['yearin'],   
		);
		
        $mysqli->close();
        echo json_encode($result);
}else{
    $result = '';
    echo json_encode($result);
}
?>


ในสว่นของ return_id.php ลองรันดูแล้ว ค่าไม่เป็นภาษาไทย
Code
[{"IDstd":"09180","fname":"\u0e2d\u0e31\u0e04\u0e19\u0e35","lname":"\u0e18\u0e19\u0e39\u0e2a\u0e39\u0e15\u0e23","class":"5","room":"6","yearin":"2557"}]




Tag : PHP, MySQL, Ajax, jQuery









ประวัติการแก้ไข
2016-05-02 12:59:37
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-05-02 12:41:38 By : akkaneetha View : 452 Reply : 6
 

 

No. 1

Guest


ค่ามันก็ออกแบบนั้น ถูกแล้วนะ เวลาส่งกลับมามันเป็นภาษาไทยเอง
ฉนั้นมันต้องมาดูว่า ตัวไฟล์เป็น utf-8 without BOM หรือเปล่า
ข้อมูลในตาราง Encode เป็น utf-8 หรือเปล่า
ในหน้า return_ids.php น่าจะ set utf-8 ด้วยนะไม่แน่ใจว่า mysqli set utf-8 แบบไหน






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-05-02 14:02:40 By : Kin-Kee
 


 

No. 2

Guest


Develop Tool
- ค่าที่ส่งกลับมา เป็นภาษาไทย คงต้องดูว่าเชื่อมต่อเป็น utf-8 หรือยัง
dt01

- กรอกรหัส 8 หลัก ชื่อและข้อมูลอื่นๆ แสดงกลับ
dt2

- ข้อมูลจาก tab Network ที่จะเกิดขึ้นหลังส่งค่า
dt3

แสดงว่าส่งค่ากลับมาได้หมด แต่มันไม่เป็นภาษาไทย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-05-02 14:16:49 By : Kin-Kee
 

 

No. 3



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



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

ขอบคุณครับ ตอนนี้แสดงข้อมูลได้แล้ว

กำลังจะลองเพิ่มเติมส่วนแสดงรูปภภาพ ตามการค้นหา
Code
$('#pic').html('<img src="std/'+inval["pic"]+' ">');//แสดงรูป


จากโค้ดนั้น แสดงรูปได้แล้ว แต่ยังหาวิธีกำหนด ขนาดรูปที่จะแสดงไม่ได้
แล้วก็จากโค้ดแสดงรูป มีข้อสงสัยอบ่างหนึ่งครับ

ปกติ จะต้องอ้างอิง นามสกุลไฟล์ด้วยใช่มั้ยครับ แต่ดูจากโค้ดที่หน้า debub มันไม่แสดงนามสกุลไฟล์ แต่ก็สามารถ แสดงรูปภาพได้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-05-02 15:05:06 By : akkaneetha
 


 

No. 4

Guest


เรื่องขนาด ถ้าคุมรูป ก็ css คุมเป็นต้น

img{ width: 80%; height: auto; border:5px solid #F3E3D9; padding:1px; background-color:black; }


ส่วนนามสกุล ถ้า inval["pic"] ที่รับมาจากตารางข้อมูล เก็บชื่อที่มีนามสกุล มันก็น่าจะปกติล่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-05-02 15:31:55 By : Kin-Kee
 


 

No. 5



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



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

ตอบความคิดเห็นที่ : 4 เขียนโดย : Kin-Kee เมื่อวันที่ 2016-05-02 15:31:55
รายละเอียดของการตอบ ::
ลองแล้ว คลาสไม่ส่งผลกับรูปภาพที่แสดงเลยครับ
code ใน java
Code
$('#pic').html('<img src="std/'+inval["pic"]+' ">');//แสดงรูป


html
Code
<div id="pic" class="img"></div>


ผลของ CSS แสดงอยู่ด้านหลังรูป มีขนาดเล็กกว่ารูป

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-05-02 17:19:37 By : akkaneetha
 


 

No. 6

Guest


img{ width: 80%; height: auto; border:5px solid #F3E3D9; padding:1px; background-color:black; }


คืออ้างถึง <img .... >

แค่ถ้าจะเอา class ต้อง ใส่จุดเพิ่ม ถึงจะใช้ class="img"

.img{ width: 80%; height: auto; border:5px solid #F3E3D9; padding:1px; background-color:black; }


หรือ ถ้าจะอ้าง id="pic" ก็เจาะจงเฉพาะ ก็ได้นะ
#pic{ width: 80%; height: auto; border:5px solid #F3E3D9; padding:1px; background-color:black; }

ไม่รู้ว่าลองหมดหรือยัง ต้องลองดูครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-05-02 17:58:08 By : Kin-Kee
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ช่วยดูโค้ดให้หน่อยครับ มันไม่ทำงานครับ เกี่ยวกับการทำ Auto Fill ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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, รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 01
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 อัตราราคา คลิกที่นี่