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

HOME > PHP > PHP Forum > การค้นหาข้อมูลจากหน้า page ครับ คืออยากได้ code ค้นหาข้อมูลจากหน้าเพจครับ คล้ายๆการกด Ctrl+F ครับ



 

การค้นหาข้อมูลจากหน้า page ครับ คืออยากได้ code ค้นหาข้อมูลจากหน้าเพจครับ คล้ายๆการกด Ctrl+F ครับ

 



Topic : 043349



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



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




คืออยากได้ code ค้นหาข้อมูลจากหน้าเพจครับ คล้ายๆการกด Ctrl+F ครับไม่แน่จัยมีเปล่า
แบบว่ากรอกอารายไปหน้า web เลื่อนลงไปหาข้อมูลตรงนั้นเลยครับ
ต้องการเพราะข้อม฿ลที่ผมมีมันเยอะมากครับ ไม่อยากใช้การ select search ครับ เดียวมันนานครับ
มีไหมครับย้ำไม่อยากใช้ Ctrl+F

ขอบคุณล่วงหน้าครับ



Tag : - - - -







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2010-05-26 16:37:23 By : aimoomoo View : 2569 Reply : 6
 

 

No. 1



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



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


ไม่มีคัยแนะนำเลย
ส่งสัยไม่มีวิธี






Date : 2010-06-02 09:01:53 By : aimoomoo
 


 

No. 2

Guest


http://www.ninenik.com/ค้นหาและ_hilight_ข้อความในหน้าเว็บเพจด้วย_jQuery-196.html
Date : 2010-06-02 13:56:42 By : sumo
 

 

No. 3



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



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


ในที่สุดก็ทำได้ ขอบคุณ SUMO

อันนี้เอามาหั้ยเพื่อคัยอยากได้

ส่วนแรกเป็น การทำ higlight
Code (PHP)
<style type="text/css">
.higlight{
	background-color:#FFFF33;
	color:#333333;
}
</style>

ส่วนที่สอง ช่องกรอกข้อความพร้อมตัวอย่าง
Code (PHP)
<input name="keyword" type="text" id="keyword" size="25" />
<input name="iFind" type="button" id="iFind" value="Find" />
<p>สร้าง tooltip กล่องข้อความตัวช่วยเหลือได้ง่ายด้วย jQuery - สร้างฟังก์ชัน กรอกข้อความได้เฉพาะภาษาไทยด้วย javascript<br />
ใช้ jQuery ย้ายค่าระหว่าง multiple list box อย่างง่าย -  สร้างคลิกขวาเมนูในเว็บด้วย CSS + jQuery อย่างง่ายดาย<br />
การกำหนดให้ input text เลื่อนโฟกัส focus เองอัตโนมัติ ด้วย jQuery - สร้างแบบฟอร์มค้นหาข้อมูลในเว็บไซต์ ด้วย Google<br />
เพิ่มลูกเล่นให้กับป้ายโฆษณาตรึงขอบล่าง ด้วย jQuery - การใช้งาน CSS สำหรับกำหนดตำแหน่งตรึงไว้ชิดขอบล่าง<br />
</p>

ส่วนที่สาม เป็นสคิป ค้นหา
Code (PHP)
<script language="javascript" src="jquery-1.2.6.min.js"></script><!--ตรงนี้ jquery-1.2.6.min.js ต้องไปโหลดมาตามลิ้งที่หั้ยไป แล้วกำหนด ที่เก็บหั้ยถูกต้องนะครับ-->
<script type="text/javascript">
$(function(){
	$("#iFind").click(function(){	 
			$(".higlight").removeClass();
			iHilight($("#keyword").val());
	});
});
var  SearchRange;
function iHilight(str){
		if(str!=""){	  
			if(SearchRange == null) {
				SearchRange = document.body.createTextRange();
			}		
			if(SearchRange.findText(str) != false ) {
			  SearchRange.pasteHTML("<span class='higlight'>"+SearchRange.text+"</span>");	  
			  SearchRange.scrollIntoView();
			  SearchRange.moveStart("word");
			  iHilight(str);
			}else{
			  SearchRange = null;
			}
		}
}
</script>


ลิ้งโหลด jquery-1.2.6.min.js http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js
Date : 2010-06-03 10:47:04 By : aimoomoo
 


 

No. 4



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



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


มีปัญหาอีกแล้วจากเดิมตัวค้นหาตัวนี้ค้นหาจากหน้า page

แต่เว็บผมทำจากแบบ เฟรม คือตัวค้นหาอยู่อีกเฟรมหนึ่ง ค้นหาอีกเฟรมหนึ่งทำงัยดีครับคือ เฟรมที่จะค้นหาต้องการให้แสดงแต่ข้อมูลอย่างเดียวไม่เอาตัวค้นหาไปใส่อะ
คัยเก่ง java ช่วยหน่อยครับ
Date : 2010-06-03 14:12:02 By : aimoomoo
 


 

No. 5

Guest


ขอบคุณมากค่ะ
Date : 2011-03-22 09:10:32 By : myseason22
 


 

No. 6



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



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


ใช่ไม่ได้ครับ นิ่งอย่างเดียวเลย
Date : 2012-01-12 17:24:56 By : ad_two2010
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : การค้นหาข้อมูลจากหน้า page ครับ คืออยากได้ code ค้นหาข้อมูลจากหน้าเพจครับ คล้ายๆการกด Ctrl+F ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่