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 > reload iframe frame ช่วยคิดหน่อยนะครับ หาในบอร์ดแล้ว ไม่ค่อยเข้าใจ



 

reload iframe frame ช่วยคิดหน่อยนะครับ หาในบอร์ดแล้ว ไม่ค่อยเข้าใจ

 



Topic : 101931

Guest




ขอถามเกี่ยวกับ reload iframe ครับ

คือผมมี main.php แล้วใน main.php เนี่ย มี frame อยู่ 2 frame ซ้ายขวา ผมให้ชื่อ left.php และ right.php ละกันครับ

ผมอยากจะสร้าง Link หรือ button ใน left.php เมื่อกดแล้ว ให้ right.php ทำการ refresh เหมือน กด F5 ต้องเขียนสคริปยังไงบ้างครับ

ผมมือใหม่ ไม่มีความรู้เลย ขอคำแนะนำพี่ๆ จากบอร์ดนี้ด้วยครับ ขอบคุณล่วงหน้าครับ



Tag : PHP






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-10-22 17:54:39 By : นิรนาม View : 3505 Reply : 17
 

 

No. 1



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



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


แบบนี้นะครับ . . .
ปล. ผมใช้บ่อยเพราะผมเขียน Ajax ไม่เป็น เลยโกงเอายังงี้เหละ 5 5 5

สร้าง 2 ไฟล์ ในขั้นตอนทดสอบให้ชื่อ ตามนี้นะครับ (ห้ามเปลี่ยนแปลง)

1. mainpage.php

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function refresh()
{
var a1=document.getElementById("TTTT").value;
document.getElementById('XXX_FRAME').contentWindow.location="ifrmpage.php?my_text="+a1;
}
</script>

<body>
<p>************************** MAIN PAGE **************************</p>
<p>
  <input type="text" name="TTTT" id="TTTT" onKeyUp="JavaScript:refresh(this)" />
</p>
<p><iframe width="500" height="500" name="XXX_FRAME" id="XXX_FRAME" src="ifrmpage.php"></iframe></p>
</body>
</html>



2. ifrmpage.php

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
<?
echo $_GET['my_text'];
?>
</body>






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-22 18:43:23 By : meannerss
 


 

No. 2

Guest


ตอบความคิดเห็นที่ : 1 เขียนโดย : meannerss เมื่อวันที่ 2013-10-22 18:43:23
รายละเอียดของการตอบ ::
ขอบคุณมากครับ พี่ แต่... ผม งง อ่ะครับ มีช่องให้ใส่ข้อความ แล้วก็ เฟรม ต้องทำไง มันถึงจะรีเฟรช อ่ะครับ ผมพิมพ์ตัวอักษรลงไปใน textbox ก็เหมือนว่า มันก็รีเฟรชให้ ...

ไม่มีแบบ กดลิงค์ หรือ ปุ่ม แล้วให้เฟรม รีเฟรช เหรอครับ ผมอยากให้กดลิงค์ในเฟรมซ้าย แล้วเฟรมขวา รีเฟรช อ่ะครับ ขอบคุณมากครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-22 23:12:50 By : นิรนาม
 

 

No. 3

Guest


อยากได้แบบนี้อ่ะครับ ... มีใครพอจะช่วยได้ไหม

iframe
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-23 10:57:48 By : นิรนาม
 


 

No. 4



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

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

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

ลองดูกระทู้นี้ครับ

Go to : อยากทราบเรื่องการ refresh iframe โดยการกดปุ่ม button
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-23 11:07:24 By : mr.win
 


 

No. 5



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



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


ถ้าเป็นปุ่มก็ปรับใช้งานสิครับมันเป็นกรณีเดียวกันไม่เห็นยากเลย mainpage.php ปรับเป็น

Code (PHP)
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function refresh()
{
document.getElementById('XXX_FRAME').contentWindow.location="ifrmpage.php?my_text=ทดสอบการกดแล้วรีเฟรช";
}
</script>

<body>
<p>************************** MAIN PAGE **************************</p>
<p>
  <a href="#" onClick="JavaScript:refresh(this)">กดกดกดกด</a></p>
<p><iframe width="500" height="500" name="XXX_FRAME" id="XXX_FRAME" src="ifrmpage.php"></iframe></p>
</body>
</html>



ประวัติการแก้ไข
2013-10-23 11:46:50
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-23 11:45:23 By : meannerss
 


 

No. 6

Guest


ขอบคุณครับพี่ ... แต่ของผมมี 3 ไฟล์ ประกอบด้วย 2 เฟรม ที่อยู่ในหน้าหลัก แบบที่ผมวาดรูปไว้อ่ะครับ คือผมไม่มีความรู้เลย เลยทำไม่เป็นครับ งั้นไม่เป็นไรครับ ขอบคุณมาก
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-25 01:53:58 By : นิรนาม
 


 

No. 7

Guest


Code (JavaScript)
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function refresh()
{
document.getElementById('1_FRAME').contentWindow.location="ifrmpage1.php?my_text=ทดสอบการกดแล้วรีเฟรช 1";
document.getElementById('2_FRAME').contentWindow.location="ifrmpage2.php?my_text=ทดสอบการกดแล้วรีเฟรช 2";
document.getElementById('3_FRAME').contentWindow.location="ifrmpage3.php?my_text=ทดสอบการกดแล้วรีเฟรช 3";
document.getElementById('4_FRAME').contentWindow.location="ifrmpage4.php?my_text=ทดสอบการกดแล้วรีเฟรช 4";
document.getElementById('1000_FRAME').contentWindow.location="ifrmpage1000.php?my_text=ทดสอบการกดแล้วรีเฟรช 1000 ";
}
</script>

<body>
<p>************************** MAIN PAGE **************************</p>
<p>
  <a href="#" onClick="JavaScript:refresh(this)">กดกดกดกด</a></p>
<p><iframe width="500" height="500" name="1_FRAME" id="1_FRAME" src="ifrmpage1.php"></iframe></p>
/*...*/
/*...*/
/*...*/
<p><iframe width="500" height="500" name="1000_FRAME" id="1000_FRAME" src="ifrmpage1000.php"></iframe></p>
</body>
</html>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-25 08:36:27 By : sheboy
 


 

No. 8

Guest


ผมเข้าใจครับ และผมทำได้อย่างที่อธิบาย ตรงนี้ขอบคุณมากๆ เลยครับ ...

แต่ ... สิ่งที่ผมอยากทำ ไม่เกี่ยวกับ main.php เลยครับ อยากให้มันเป็นความสัมพันธ์ระหว่าง 2 เฟรม ที่กดจากเฟรมหนึ่ง ให้อีกเฟรมข้างกัน refresh อ่ะครับ แต่ทั้งสองเฟรมนี้ อยู่ในเฟรมเดียวกันคือ main.php อ่ะครับ อย่างที่ผมวาดรูปไว้ ซึ่งจะเห็นว่า Link หรือ button ที่กดนั้น ไม่ได้อยู่ใน main.php แต่อยู่ในเฟรมข้างกันกับเฟรมที่จะให้ Refresh อ่ะครับ คือสั่งเฟรม ข้างเฟรมอ่ะครับ พอจะเข้าใจที่ผมอธิบายไหมครับ ...

หลังจากที่พี่อธิบายมา ผมงม อยู่ทุกๆ วัน ด้วยความที่ไม่อยากรบกวนพี่ อยากทำให้ได้ด้วยตัวเองก่อน แต่ก็ยังไม่เข้าใจ หรือว่าพี่อธิบายถูกแล้ว แล้วผมเข้าใจผิดเอง เพราะผมไม่มีความรู้ด้านนี้ ต้องขออภัยด้วยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-26 15:39:43 By : นิรนาม
 


 

No. 9



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

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

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


สมัครสมาชิกมาดิ่ เด๋ววันจันทร์ ทำ code มาให่ดู
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-26 17:01:16 By : apisitp
 


 

No. 10



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



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

แบบนี้ป่าวครับ?
Code (main.html)
<html>
<head>
	<title>Iframe reload</title>
</head>
<body>
	<iframe src="iframe1.html" id="iframe1"></iframe>
	<iframe src="iframe2.php" id="iframe2"></iframe>
</body>
</html>


Code (iframe1.html)
<html>
<head>
	<title>iframe1</title>
</head>
<body>
	<a href="javascript: window.top.document.getElementById('iframe2').contentWindow.location.reload(); ">reload</a>
</body>
</html>


Code (iframe2.php)
<?php echo time(); ?>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-26 17:28:00 By : itpcc
 


 

No. 11

Guest


ตอบความคิดเห็นที่ : 10 เขียนโดย : itpcc เมื่อวันที่ 2013-10-26 17:28:00
รายละเอียดของการตอบ ::
ใช่เลยครับ ขอบคุณมากครับพี่ ทำได้แล้ว ^^

แต่ขอถามอีกนิดนึงครับ คำสั่ง javascript ใน iframe1.html จะใส่เข้าไปใน echo ยังไงให้มันทำงานอ่ะครับ มันฟ้องว่า string unexpected ';' or ',' แล้วลิงค์มันขาดอ่ะครับ

ยังไงก็ขอบคุณมากเลยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-27 00:56:00 By : นิรนาม
 


 

No. 12

Guest


ตอนนี้ทำได้แล้วนะครับ ขอขอบคุณพี่ๆ ทุกๆท่านที่ช่วยเข้ามาให้แนวทางกับผม ขอบคุณมากๆครับ

สำหรับ echo ผมเอาเครื่องหมาย \ มาช่วยครับ เลยได้เป็น getElementById(\'iframe2\') ครับ ... ^^
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-27 01:15:49 By : นิรนาม
 


 

No. 13

Guest


ขอถามข้อสุดท้ายครับ ...

ในคำสั่ง
<a href="javascript: window.top.document.getElementById('iframe2').contentWindow.location.reload(); ">reload</a>

นอกจากการคลิกลิงค์ที่ชื่อว่า reload มันจะรีเฟรช iframe2.php ให้เราแล้ว แล้วจะให้ iframe1.html ลิงค์ไปยังหน้าอื่น พร้อมกับให้รีเฟรช iframe2.php ไปพร้อมกันในการคลิก reload เพียงครั้งเดียว ได้หรือไม่ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-27 01:24:01 By : นิรนาม
 


 

No. 14

Guest


ทำได้ทั้งหมดแล้วนะครับ เพิ่มคำสั่ง onclick เข้าไป ขอบคุณบอร์ดนี้ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-27 01:50:08 By : นิรนาม
 


 

No. 15



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



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

แนะนำวิธีให้นะครับง่ายๆเลย
ก็ทำ link เชื่อม target name ไปยัง iframe อ่ะ ก็ อย่างเช่น

link ไปยัง iframe
<a href="url:link" target="main">หน้าแรก</a>


code iframe
<iframe src="url:link" name="main" ></iframe>


แล้วถ้าอยากให้แยก iframe 2 อันก็ทำเลยก็เหมือนแบบว่า
iframe แรกอะ ให้ใส่ menu : link
iframe สอง ให้ทำเป็น main รับค่า เช่น

หน้า index
<!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=windows-874" />
<title> Title เว็บ ของคุณ </title>
</head>

<body>
<iframe src="menu.php" scrolling="no" frameborder="0" width="800" height="50">><br>
<iframe src="home.php" scrolling="no" frameborder="0" width="800" height="500">
</body>
</html>


หน้า menu.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=windows-874" />
<title>เมนู</title>
</head>

<body>
<a href="home.php" target="main">หน้าแรก</a> |
<a href="news.php" target="main">ข่าวสาร</a> |
<a href="webboard.php" target="main">เว็บบอร์ด</a> |
<a href="downloads.php" target="main">ดาวน์โหลด</a> |
<a href="contactus.php" target="main">ติดต่อเรา</a>
</body>
</html>


หน้า home.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=windows-874" />
<title>title : ของคุณ</title>
</head>

<body>
home
</body>
</html>


หน้า news.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=windows-874" />
<title>title : ของคุณ</title>
</head>

<body>
news
</body>
</html>


หน้า webboard.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=windows-874" />
<title>title : ของคุณ</title>
</head>

<body>
webboard
</body>
</html>


หน้า downloads.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=windows-874" />
<title>title : ของคุณ</title>
</head>

<body>
downloads
</body>
</html>


หน้า contactus.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=windows-874" />
<title>title : ของคุณ</title>
</head>

<body>
contactus
</body>
</html>


ถ้าคุณต้องการให้ refresh ก็แค่ ทำ url menu ไปเชื่อมหน้าเดิม ที่ iframe name main อะครับผมว่า ง่ายดี
ลองดู ไม่รู้ว่าจะเป็นอย่างที่ต้องการรึเปล่านะครับ


ประวัติการแก้ไข
2013-10-27 03:33:26
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-27 03:31:17 By : ghosting
 


 

No. 16

Guest


ตอบความคิดเห็นที่ : 15 เขียนโดย : ghosting เมื่อวันที่ 2013-10-27 03:31:17
รายละเอียดของการตอบ ::
ขอบคุณมากครับ ได้ความรู้เพิ่มขึ้นอีกเยอะเลย ขอบคุณมากๆ ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-27 16:43:30 By : นิรนาม
 


 

No. 17



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

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

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


ไม่ได้มาช่วยตอบเลย ฮ่า ๆ ๆ ๆ
กว่าจะกลับจากทำธุระ เข้าประชุม เจองานใหม่เข้าไป
เพิ่งได้นั่งเครื่องคอมพ์ ... ดีแล้วที่ทำได้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-10-28 18:08:05 By : apisitp
 

   

ค้นหาข้อมูล
   
 

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