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

HOME > PHP > PHP Forum > สอบถามเรื่อง ajax อยากให้เวลากดค้นหาข้อมูล เมื่อแสดงผลลัพธ์แล้วสามารถคลิกดูข้อมูลเพิ่มเติมได้ค่ะ



 

สอบถามเรื่อง ajax อยากให้เวลากดค้นหาข้อมูล เมื่อแสดงผลลัพธ์แล้วสามารถคลิกดูข้อมูลเพิ่มเติมได้ค่ะ

 



Topic : 120277



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



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




สอบถามเรื่อง ajax อยากให้เวลากดค้นหาข้อมูล เมื่อแสดงผลลัพธ์แล้วสามารถคลิกดูข้อมูลเพิ่มเติมได้ค่ะ
มี text ไฟล์ชื่อเมนูอาหารอยู่ แล้วดึงข้อมูลมาแสดงผลได้ แต่อยากทราบว่า
ถ้าต้องการคลิกข้อมูลแล้วแสดงผลเป็น รายละเอียดเมนู รูปภาพ โดยเป็น ajax ต้องทำยังไงหรอคพ

---php--- (PHP)
<?php
    $txt = $_GET["input"];
    $len = strlen($txt);

if ($len>0)
{
    $raw_list = file_get_contents("data_1.txt");
    $list = explode ("\n",$raw_list);
    echo "<table border='0'>";
    $count=0;
    foreach($list as $row)
    {
        if(strncmp ($txt,$row,$len)==0){
        echo "<tr bgcolor='#FFFFFF'>";
        echo "<td width='200px' align='left'><a href=\"#\">".$row."</a></td>";
            echo "</tr>";
            $count++;
            
        }
    }


Code (JavaScript)
var xmlHttp = null;
if(window.ActiveXObject)
	xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); //IE5.x & IE6
else if(window.XMLHttpRequest)
	xmlHttp = new XMLHttpRequest();
else
	alert("Your browser does not support AJAX.");
// Processing data
function processData(){
	if(xmlHttp != null){
		xmlHttp.open("GET","test.php?input="+document.getElementById('inputID').value, true);
		xmlHttp.send(null); //because using method GET, so no need to send anything
		xmlHttp.onreadystatechange = function(){
			if(xmlHttp.readyState == 4){
			document.getElementById('displayID').innerHTML=xmlHttp.responseText;
			}
		}
	}
}


Code (html)
<html>
 <head>
  <title> FORM</title>
  <meta charset = UTF-8 />
<link href="style.css" rel="stylesheet" type="text/css">
 </head>

 <body>
 <script src="java.js" > </script>
 <div class="form">
<center>
 
   <h1>Menu 
						<span> Form </span>
					</h1>
 <form > Enter your data on space<br><br>
				<input type = "text"  onkeyup="processData();"  name="input"  id="inputID" 
				 onClick="click()" target="_blank">
</div>





  <div id="displayID" > <b> Result</b> </div>
  </div>	
 </body>
</html>



---text file 01---
MENU MAMA
MENU Mini Fruit Tart
MENU EGG ROLL
MENU Cookkie Cup

---text file 02---
เมนู มินิฟรุตทาร์ต Mini Fruit Tart

วัตถุดิบ
สำหรับ 20 ชิ้น
เวลา 45 นาที

1. แป้งสาลีอเนกประสงค์ 185 กรัม
2. ไข่แดง 1 ฟอง
3. น้ำตาลทราย 3 ช้อนโต๊ะ
4. น้ำเปล่า 1 ช้อนโต๊ะ
5. เนยเค็ม 95 กรัม
6. ผลไม้ตามชอบ
7. ครีมคัสตาร์ด
8. กลิ่นวานิลลา 1 ช้อนชา

วิธีทำ
1. ผสมแป้ง ไข่แดง เนยเค็มเข้าด้วยกันโดยใช้มือถูไปมา
2. ผสมจนส่วนผสมเหมือนเนื้อทราย ผสมให้เข้ากันแล้วนำไปแช่เย็นจนเซ็ตตัว
3. เมื่อเซ็ตตัวแล้วนำมารีดให้เป็นแผ่นบางๆ กดด้วยคุกกี้คัตเตอร์ขอบหยักแล้วนำไปวางใส่ถ้วยอบ
4. นำเข้าอบ 180 องศาเซลเซียส 10-12 นาที
5. เมื่อแป้งทาร์ตสุกและพักให้เย็นแล้ว นำมาใส่ด้วยครีมคัสตาร์ด และตกแต่งด้วยผลไม้ตามชอบด้านบน



Tag : PHP, HTML/CSS, JavaScript, Ajax






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-12-01 16:42:43 By : aboutme View : 1005 Reply : 2
 

 

No. 1



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

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

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

ลองเปลี่ยนไปใช้ jQuery กับ Ajax ดูนะครับ ง่ายกกว่านี้เยอะเลย


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-12-01 17:10:02 By : mr.win
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.win เมื่อวันที่ 2015-12-01 17:10:02
รายละเอียดของการตอบ ::
ขอบคุณมากนะคะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-12-14 23:58:36 By : aboutme
 

   

ค้นหาข้อมูล
   
 

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