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

Registered : 109,028

HOME > PHP > PHP Forum > ผมจะทำให้ ใส่ข้อมูลลงไปใน textbox แล้วดึงรูปภาพ หรือ ข้อมูลจาก ฐานข้อมูลขึ้นมาแสดงต้องทำยังไงครับ



 

ผมจะทำให้ ใส่ข้อมูลลงไปใน textbox แล้วดึงรูปภาพ หรือ ข้อมูลจาก ฐานข้อมูลขึ้นมาแสดงต้องทำยังไงครับ

 



Topic : 118411



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



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




อยากได้แบบ กรอกข้อมูลเสร็จก็แสดงเลยอะครับ เช่น ใส่รัหสสินค้าไป 001 ก็ดึง สินค้า 001 ขึ้นมาแสดงอะครับ



Tag : PHP, MySQL







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-08-17 14:37:59 By : phaizing View : 1573 Reply : 11
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

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

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



การนำ jQuery มาทำ AutoFill ข้อมูล Textbox และการตรวจสอบ ..







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-17 15:21:47 By : mr.win
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.win เมื่อวันที่ 2015-08-17 15:21:47
รายละเอียดของการตอบ ::
ถ้าดึเป็น text ผมทำได้แล้วครับ แต่จะดึงให้แสดงเป็นรูปภาพ อะครับ ไม่รู้ต้องแก้ตรงใหนอะครับ


Code (PHP)
<html>
<head>
<title>ThaiCreate.Com</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

 $("#txtCustomerID").change(function(){
   $.ajax({ 
    url: "returnCustomer2.php" ,
    type: "POST",
    data: 'sCusID=' +$("#txtCustomerID").val()
   })
   .success(function(result) { 

    var obj = jQuery.parseJSON(result);
    
     if(obj == '')
     {
      $('input[type=text]').val('');
	  
     }
     else
     {
        $.each(obj, function(key, inval) {

          $("#txtCustomerID").val(inval["customerno"]);
          $("#txtName").val(inval["img"]);

        });
     }

   });

  });
 });
</script>
</head>
<body>
<table width="302" border="1">
  <tr>
    <td width="104">CustomerID</td>
    <td width="153"><input type="text" id="txtCustomerID" name="txtCustomerID" size="5"></td>
  </tr>
  <tr>
    <td>Name</td>
    <td>
    <input type="text" id="txtName" name="txtName" size="20"></td>
  </tr>
  <tr>
    <td>Name</td>
    <td>
    </td>
  </tr>
</table>

</body>
</html>



ประวัติการแก้ไข
2015-08-17 15:40:40
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-17 15:31:59 By : phaizing
 

 

No. 3



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



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


ดึงเป็นรูปภาพก็ใช้ tag img ไงครับ

Code (JavaScript)
$('#imgbox').attr("src", "images/pic.jpg");


ประมาณนี้แหละ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-17 16:01:17 By : CasanovaKung
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : CasanovaKung เมื่อวันที่ 2015-08-17 16:01:17
รายละเอียดของการตอบ ::
แล้วตรง pic.jpg เราต้องแก้เป็นอะไรอะครับ

Code (PHP)
$('#imgbox').attr("src", "images/fabric/"+$("#txtName").val(inval["img"]));




ประวัติการแก้ไข
2015-08-17 16:18:58
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-17 16:09:47 By : phaizing
 


 

No. 5



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



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


ตอบความคิดเห็นที่ : 4 เขียนโดย : phaizing เมื่อวันที่ 2015-08-17 16:09:47
รายละเอียดของการตอบ ::
ชื่อรูปภาพครับ
ถ้า path รูปถูก มันก็ต้องแสดงรูปครับ

Code (JavaScript)
$('#imgbox') // ชื่อ id ของ tag img


หรือจะใช้
Code (JavaScript)
$('#div_id').html('<img src="' + pathไฟล์ + '" />');


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-17 16:23:35 By : CasanovaKung
 


 

No. 6



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



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


ตอบความคิดเห็นที่ : 5 เขียนโดย : CasanovaKung เมื่อวันที่ 2015-08-17 16:23:35
รายละเอียดของการตอบ ::
Code (PHP)
<html>
<head>
<title>ThaiCreate.Com</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

 $("#txtCustomerID").change(function(){
   $.ajax({ 
    url: "returnCustomer2.php" ,
    type: "POST",
    data: 'sCusID=' +$("#txtCustomerID").val()
   })
   .success(function(result) { 

    var obj = jQuery.parseJSON(result);
    
     if(obj == '')
     {
      $('input[type=text]').val('');
     }
     else
     {
        $.each(obj, function(key, inval) {

          $("#txtCustomerID").val(inval["customerno"]);
          $("#txtName").val(inval["img"]);
		  $('#imgbox').attr("src", "images/fabric/"+ไม่รู้ต้องใส่อะไรให้มันมีค่าอะครับ);
        });
     }

   });

  });
 });
</script>
</head>
<body>
<table width="302" border="1">
  <tr>
    <td width="104">CustomerID</td>
    <td width="153"><input type="text" id="txtCustomerID" name="txtCustomerID" size="5"></td>
  </tr>
  <tr>
    <td>Name</td>
    <td>
    <input type="text" id="txtName" name="txtName" size="20"></td>
  </tr>
  <tr>
    <td>IMG</td>
    <td>
    <img src="" id="imgbox" name="imgbox" width="100" height="100">
    </td>
  </tr>
</table>

</body>
</html>




ประวัติการแก้ไข
2015-08-17 16:28:38
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-17 16:27:58 By : phaizing
 


 

No. 7



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



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


ค่าที่ได้จาก returnCustomer2.php ไงครับ
ค่าที่เป็น path ของรูปภาพ

27. $("#txtName").val(inval["img"]);

inval['img'] ตรงนี้ เป็น path หรือชื่อรูปภาพ ใช่มั้ย?

ตัวอย่าง
ส่งค่าไปไฟล์ return.php

Code (PHP)
// return.php
$data = [
	[
		'id' => 1,
		'name' => 'Name1',
		'img' => 'image1.png',
	],
	[
		'id' => 2,
		'name' => 'Name2',
		'img' => 'image2.png',
	],
];
print json_encode($data);


ตรงช่วง บรรทัด 24
Code (JavaScript)
        $.each(obj, function(key, inval) {

          $("#txtCustomerID").val(inval["id"]);
          $("#txtName").val(inval["name"]);
          $('#imgbox').attr("src", "images/fabric/"+inval["img"]);
        });

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-17 16:36:38 By : CasanovaKung
 


 

No. 8



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



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


ตอบความคิดเห็นที่ : 7 เขียนโดย : CasanovaKung เมื่อวันที่ 2015-08-17 16:36:38
รายละเอียดของการตอบ ::
ได้แล้วครับ ขอบคุณมากเลยครับ
แต่เวลา ใส่ข้อมูลใน textbox เสร็จก็ต้องกดข้างนอก 1 ทีภาพถึงจะแสดง มีวิธีทำให้แสดงเลยใหมครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-17 16:42:52 By : phaizing
 


 

No. 9



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



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


ตอบความคิดเห็นที่ : 6 เขียนโดย : phaizing เมื่อวันที่ 2015-08-17 16:27:58
รายละเอียดของการตอบ ::
08. $("#txtCustomerID").change(function(){
jquery version ไหนจ๊ะ
$("#txtCustomerID").on("keyup keydown keypress", function(){
หรือ
$("#txtCustomerID").keyup(function(){
หรือ
$("#txtCustomerID").keydown(function(){
หรือ
$("#txtCustomerID").keypress(function(){

ตรวจสอบข้อมูลที่ return มาจาก returnCustomer2.php ด้วย
ว่ามีจริงหรือป่าว?

// จะเกิด traffic ทุกครั้งที่กด keyboard ระหว่างที่ focus @txtCustomerID
อาจจะตรวจสอบความยาวของข้อมูลที่ key ก่อนก็ได้
เช่น รหัส เป็นแบบ 5 หลัก
จะให้ส่งข้อมูล เมื่อพิมพ์ 5 หลักเท่านั้น

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-17 17:01:07 By : CasanovaKung
 


 

No. 10



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



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


ตอบความคิดเห็นที่ : 9 เขียนโดย : CasanovaKung เมื่อวันที่ 2015-08-17 17:01:07
รายละเอียดของการตอบ ::

ตอนนี้ผมใส่ keypress ลงไปแล้ว พิมพ์ตัวเดียวมันก็ เด่งเลยอะครับ แล้วคือ key ที่ใส่เข้าไป ไม่ได้มีจำนวนเท่ากันอะครับ บางที่ก็ 5 ตัว 4 ตัวก็มี ครับ ต้องทำยังไงหรอครับ
Code (PHP)
<?
 $objConnect = mysql_connect("xxxxxxxxxxx","1","xxxxxxxxxxx@") or die(mysql_error());
 $objDB = mysql_select_db("xxxxxxxxx");
 $strSQL = "SELECT * FROM fabric WHERE 1 AND newno = '".$_POST["txtCustomerID"]."' OR oldno = '".$_POST["txtCustomerID"]."' ";
 $objQuery = mysql_query($strSQL) or die (mysql_error());
 $intNumField = mysql_num_fields($objQuery);
 $resultArray = array();
 while($obResult = mysql_fetch_array($objQuery))
 {
  $arrCol = array();
  for($i=0;$i<$intNumField;$i++)
  {
   $arrCol[mysql_field_name($objQuery,$i)] = $obResult[$i];
  }
  array_push($resultArray,$arrCol);
 }
 
 mysql_close($objConnect);
 
 echo json_encode($resultArray); 
?> 



อีกหน้านึงประมาณนี้ ตรวจสอบยังไงหรอครับ


ประวัติการแก้ไข
2015-08-22 10:41:39
2015-08-22 10:42:48
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-22 10:35:44 By : phaizing
 


 

No. 11



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



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


ทำได้แล้วขอบคุณมากเลยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-08-22 10:57:00 By : phaizing
 

   

ค้นหาข้อมูล


   
 

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

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