ifarme ผมทำ iframeไว้ล่างสุด จะเลื่อนหน้าหลักไปแสดงโชว์ที่หน้า ifarme ทำอย่างไรครับ ช่วยด้วย

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ifarme ผมทำ iframeไว้ล่างสุด จะเลื่อนหน้าหลักไปแสดงโชว์ที่หน้า ifarme ทำอย่างไรครับ ช่วยด้วย

ifarme ผมทำ iframeไว้ล่างสุด จะเลื่อนหน้าหลักไปแสดงโชว์ที่หน้า ifarme ทำอย่างไรครับ ช่วยด้วย

ผมทำ iframe ไว้ล่างสุด ไว้ในหน้าหลักเช่น หน้าเพจ index มี iframe อยู่ด้านล่าง ที่นี้ผมอยากจะให้เลือนหน้า index ไปที่ตรงจุดที่สร้าง iframe ซึ่งอยู่ล่างสุดของหน้าอย่างไร ถ้าเลื่อนลงล่างก็จะเลื่อนมาล่างสุดของเพจหลัก แต่ไม่ถึง ส่วน
ของiframe

รูปคือ สั่งเลือนsroll มายัง ส่วน iframe (ส่วนที่เป็นตาราง) ปรากฏคือมาถึงแค่สุดของหน้าหลัก ส่วนคอมโบ อยู่หน้าหลัก ด้านล่างเป็นiframe แต่ไม่เลือนไปถึงข้อมูล ที่iframe แสดงด้านล่างตารางครับ รบกวนใครรู้ช่วยแนะนำหน่อยครับ รูปด้านบนใช้ scrollspy กดสั่งเลื่อนมายัง iframe ได้ผลดังกล่าว (มีข้อมูลอยู่ส่วนล่างอีกแต่อยู่ใน iframe)
<div align="center">
<h1> ข้อมูลพนักงาน</h1>
<table class="table table-bordered table-condensed" cellpadding="1" cellspacing="1" border="1" width="60%"><tr><td>
<input name="find" class="form-control"  type="text" id="finder" size="50" /></td><td>
<select class="form-control" name="posiemp" id="posiemp">  
      <option value="" selected>เลือกสาขาบริษัท</option>
        <?
 	    $sqlP="SELECT * FROM branch";		 
            $reP=mysql_query($sqlP); // คิวรี่คำสั่ง sql
            $numP=mysql_num_rows($reP); // ตรวจสอบจำนวน record ที่คิวรี่ออกมา
            if($numP>0){ // ถ้าจำนวน record มากกว่า 0
            $couP=1; // กำหนดตัวแปร count เพื่อระบุตำแหน่ง record
             while($Po=mysql_fetch_assoc($reP)){ // วน loop ดึงข้อมูลออกมา ทีละ record
?>
        <option value="<?=$Po['bra_id'] ?>"><?=$Po['bra_name'] ?></option>       
<?
                    $couP+=1; // เพิ่ม count ทีละ 1
                } }
?>
    </select></td></tr></table><hr>
//ด้านบนเป็นของหน้าหลักหน้าindex หน้าล่างเป็น iframe 
<div id="section2">
<table class="table table-bordered table-condensed" cellpadding="1" cellspacing="1" border="1" width="100%"><tr><td>
<iframe name="myIframe"id="myIframe" src="tblemploy.php" width="100%" height="50" frameborder="0"  
 scrolling="no"></iframe></td></tr></table></div>


Seksuncm57 09-10-2015 15:23:05

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
ลองเนื้อหานี้เป็นแนวทาง เผื่อช่วยได้

ขยายขนาดความสูงของ iframe ตามความสูงของเพจที่แสดง ด้วย jQuery 


ninenik 09-10-2015
 ความคิดเห็นที่ 2

ผมหมายถึง เลือนหน้าจอ index ที่มี iframe ให้ไปยังตำแหน่ง iframe ที่อยู่ด้านล่างหน้า index เลือนเหมือน ใช้ scrollspy ครับ ง่ายๆคือเลือนไปบล็อก

iframe หน้าindex หน้าเดิมครับ ส่วน iframe ขยายได้แล้วครับ เพราะหน้าหลักมีข้อมูลอยู่ด้านบน iframe โชว์ด้านล่างเป็นตารางครับ เลือนไปโชว์บล็อก iframe ครับมีอยู่ในหน้า index (หน้าหลัก)



seksuncm57 09-10-2015 15:52
 ความคิดเห็นที่ 3
นึกภาพไม่ออก ลองเลื่อน scrollbar มาดุ้านล่างสุดดู ภาพเป็นแนวไหน ถ้ามีภาพประกอบ


ninenik 09-10-2015
 ความคิดเห็นที่ 4


seksuncm57 10-10-2015 15:58
 ความคิดเห็นที่ 5


seksuncm57 10-10-2015 15:59
 ความคิดเห็นที่ 6
ความคิดเห็น4 เป็นส่วนบนสุดของหน้า ความคิดเห็น 5 เป็นส่วนล่างของหน้า จะเห็นตาราง อยู่ เป็นส่วนของiframe ครับ

ถ้าเราเลือนหน้าจอ สั่งให้เลือนไป top จะได้ส่วนบนของหน้า คือเลือนหน้าจอด้วยคำสั่ง srcollspayหรือ หรือ secion หรือ div ครับ
iframe ขยายได้ตามขนาดของหน้า ตาราง หรือไฟล์แสดงตารางครับ

ที่นี้ ผมทำการสั่งเลือนมายัง div ในส่วนตารางที่เป็น iframe รูปความคิดเห็น 5 ปรากฏว่าได้ เลือนมาแสดงสุดแค่เส้น เหมือนรูปในหัวข้อโพลต์ครับ  ทำอย่างไรให้สั่ง ให้เลือนมายังส่วนตารางที่เป็น iframe ได้ครับ




seksuncm57 10-10-2015 16:04
 ความคิดเห็นที่ 7
ถ้าหมายถึงเลื่อนตำแหน่งใน iframe  ลองเพิ่มคำสั่งนี้เข้าไปหลังจากเลื่อนหน้าหลัก
ไปที่ตำแหน่ง ของ iframe แล้ว ก็เลื่อน iframe ด้วย
 
ไปด้านล่างสุด
var $contents = $('#myIframe').contents();
$contents.scrollTop($contents.height());
 
ไปด้านบนสุด
var $contents = $('#myIframe').contents();
$contents.scrollTop(0);
 
ไปตำแหน่งที่ต้องการโดยประมาณ 
var $contents = $('#myIframe').contents();
$contents.scrollTop(100);
 
หรือกำหนดตำแหน่ง เช่น id ใน iframe แล้วเวลาเปลี่ยนข้อมูลหรือดึงข้อมูล
iframe มาแสดงให้เพิ่ม anchor ตำแหน่งที่ต้องการให้เลื่อนไป เข้าไปด้วย
$('#myIframe').attr("src","tblemploy.php#rows20");


ninenik 10-10-2015
 ความคิดเห็นที่ 8
ขอบคุณครับ ถ้าเลือน iframe เลือนได้จริง
แล้วจะสั่งในหน้าหลักให้เลือนไปยัง ส่วนบล็อก iframe ที่อยู่ความคิดเห็น 5 อย่างไรครับ มันเลือนลงสุดหน้าแล้วมันสุดแค่นี้ครับ


ตรงกรอบแดงคือตารางที่ว่า ที่เป็น iframe คือผมต้องการให้ สกอบาร์ของหน้าหลักเลือนลงไปอีกให้โชว์ตารางเต็มๆครับ สกอบาร์หน้าหลักครับ
ใช้จาวาเลือนครับ สกอบาร์ใหญ่เป็นของหน้าหลักครับ อันขวาสุด


seksuncm57 12-10-2015 11:39
 ความคิดเห็นที่ 9
  scrollbar หลักเลื่อนสุด มันจะชิดที่มุมล่างไม่ใช่หรอ ทำไมค้างอยู่ตามรูป


ninenik 12-10-2015
 ความคิดเห็นที่ 10
ใช้ครับมันควรจะเป็นแบบนั้นครับ ค้างอย่างรูป เพราะส่วนล่างของเพจหลักหน้านั้น ก็คือส่วนตาราง คือส่วนที่เป็น iframeครับ พอผมสั่งเลื่อนลงไปยังตรงบล็อกiframeจากหน้าหลัก มันเลือนมาถึงแค่ตามรูปความคิดเห็น8ครับ

คือผมต้องการ สั่งผ่านหน้าหลักให้เลื่อนสกอบาร์ มายังส่วนของ iframe ที่อยู่ในหน้าหลักครับ
<div id="section2">  
<table class="table table-bordered table-condensed" cellpadding="1" cellspacing="1" border="1" width="100%"><tr><td>  
<iframe name="myIframe"id="myIframe" src="tblemploy.php" width="100%" height="50" frameborder="0"    
 scrolling="no"></iframe></td></tr></table></div>
คือโค้ดส่วนนี้อยู่ล่างสุดของหน้าหลักครับ


seksuncm57 12-10-2015 13:04
1 2 Next






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ