Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > จะทำอย่างไรเมื่อคลิกชื่อเรื่องตรงเมนูด้านข้าง แล้วให้แสดงเพจแต่ละหน้ามาโดยไม่ใช้ iframe

จะทำอย่างไรเมื่อคลิกชื่อเรื่องตรงเมนูด้านข้าง แล้วให้แสดงเพจแต่ละหน้ามาโดยไม่ใช้ iframe

เริ่มหัวข้อใหม่

kwang

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

คือตอนนี้เมนูด้านข้างของเรามันยืดได้หดได้ พอเวลาคลิกชื่อเรื่อง มันจะแสดง page แต่ละหน้ามาซึ่งตอนนี้ยังเป็น iframe อยู่อยากทราบว่าพอจะมีวิธีอื่นนอกจาก iframe มั้ยคร้า
iframe

อันนี้คือหดเข้าไป
100เปอร์เซน

Code (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=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="css/mystyle.css" type="text/css" />

<script type="text/javascript">
$(function () {

resizeIframe();

});
function resizeIframe() {

var height = window.innerWidth; //Firefox
var h = window.innerWidth; //Firefox
if (document.body.clientHeight) {
height = document.body.clientHeight; //IE
}

h = parseInt(height - 50);
document.getElementById("frame_show").style.height = h;

}

function showAndHide(pId) {
var idTd = document.getElementById(pId);
if (document["bot"].src.indexOf("arrow_ver.jpg") != -1) {
document["bot"].src = "images/arrow_ver2.jpg";
} else {
document["bot"].src = "images/arrow_ver.jpg";
}



if (idTd.style.display == "")
idTd.style.display = "none";

else
idTd.style.display = "";
idTd.style.width = "200px";

}
</script>

<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>

<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="header">
โลโก้</div>
</td>
</tr>
<tr><td>
<table width="100%" border="1">
<tr>
<td>
Icon ต่างๆ
</td>
</tr>
</table> 
</td></tr>

<tr>
<td>
<table width="100%" border="1">
<tr> 
<td width="195" height="10%" id="TdMemuRight" valign="top"><div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab"><img src="images/icon_05.gif" hspace="3" border='0'>&nbsp;&nbsp;สอบถาม</div>
<div class="AccordionPanelContent"><img src="images/icon_arrow_2.gif" width="9" height="9" alt="KPI MMW"><a href="test2.html" target="frame_show">&nbsp;สอบถามรถยนต์</a><br />
<img src="images/icon_arrow_2.gif" width="9" height="9" alt="KPI MMW" />
<a href="posmain.asp" target="frame_show">สอบถามใบรับประกันสินค้า</a> </div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab"><img src="images/icon_car.gif" border='0'>&nbsp;&nbsp;ขายปลีก</div>
<div class="AccordionPanelContent">ใบตรวจสอบสภาพรถยนต์</div>
</div>

</div></td>

<td width="8" style="background-image: url(images/bg_line.jpg);" valign="top">
<a onClick="showAndHide('TdMemuRight')" href="#">
<img src="images/arrow_ver.jpg" width="7" height="48" border="0" name="bot" alt="" /></a>
</td>

<td valign="top">
<!-- ######Start IFrame###### -->

<iframe name="frame_show" marginwidth="0" marginheight="0" frameborder="0" width="100%" scrolling="" height="500" src="posmain.asp" style="z-index:100;"> </iframe>


</td>

</tr>
</table>
</td></tr>

</table>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
</body>
</html>
?>

Tag : Ms SQL Server 2008, HTML/CSS, JavaScript, jQuery

ประวัติการแก้ไข
2014-06-07 18:59:13

Date : 2014-06-07 18:54:34

By : kwangkookku

View : 1044

Reply : 4

No. 1

TC Admin

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

แนวทางการออกแบบหน้าจอเว็บ

PHP and Web Site Structure

https://www.thaicreate.com/community/php-web-site-structure.html

Date : 2014-06-09 09:02:34

By : mr.win

No. 2

kwang

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

อุ้ย ขอบคุณค่ะ ลองก่อน

Date : 2014-06-09 09:09:13

By : kwangkookku

No. 3

kwang

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

รบกวนเขียนเป็น asp.net หน่อยได้ม่ะค่ะ

Date : 2014-06-09 17:01:11

By : kwangkookku

No. 4

TC Admin

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

ASP.Net ลองดูพวก Master Page น่ะครับ

Date : 2014-06-10 09:25:35

By : mr.win

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : จะทำอย่างไรเมื่อคลิกชื่อเรื่องตรงเมนูด้านข้าง แล้วให้แสดงเพจแต่ละหน้ามาโดยไม่ใช้ iframe

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก