Javascript development :: รบกวนสอบถามวิธีการทำให้ layer โชว์ตอนคลิ๊ก

รบกวนสอบถามวิธีการทำให้ layer โชว์ตอนคลิ๊ก

รุต

Thu 3 Aug 2006 08:12:27

รบกวนสอบถามวิธีทำให้layer โชว์ขึ้นมาตอนที่เราคลิ๊กปุ่ม คือผมได้ทำตัวอย่างใว้ รบกวนช่วยดูให้ทีครับ http://www.root999.th.gs/
คือพอรันfile index.htmlแล้วให้มีแค่ ปุ่ม อยู่ 2 ปุ่มโชว์ขึ้นมา แล้ว พอเวลาเอาเม้าไปคลิ๊ก ปุ่มเปิดแล้ว ให้layerที่ผมทำขึ้นใว้แล้วนั้น โชขึ้นมา แต่ถ้าคลิ๊กปุ่มปิด ให้layer ที่ผมทำขึ้นปิด ด้วยครับ

รบกวนช่วย ดูให้ผมทีครับ
ขอบคุณมากครับ

Re: รบกวนสอบถามวิธีการทำให้ layer โชว์ตอนคลิ๊ก

Administrator
Thu 3 Aug 2006 09:56:26

ใช้ attribute display เข้าช่วยครับ
ถ้าต้องการให้ default เป็นซ่อนใน #Layer1 ก็ใส่ attribute display:none; ถ้าต้องการให้แสดงผลก็ display:block;

การใช้กับ javascript ก็ ตามด้านล่างเลยครับ

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<title>Untitled Document</title>
<style type="text/css">

</style>
<script language="javascript" type="text/javascript">
function getObj(id){
    return document.all?document.all[id]:document.getElementById(id);
}
</script>
</head>
<body>
<div id="Layer1">
<table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#00FF00">
    <tr>
      <td width="8%"> </td>
      <td width="34%"><form name="form3" method="post" action="">
        <textarea name="textarea"></textarea>
      </form>
      </td>
      <td width="58%"><form name="form1" method="post" action="">
        <input type="text" name="textfield">
      </form>
      </td>
    </tr>
    <tr>
      <td> </td>
      <td> </td>
      <td><form name="form2" method="post" action="">
        <input type="submit" name="Submit" value="Submit">
      </form>
      </td>
    </tr>
    <tr>
      <td> </td>
      <td><object classid="clsid Very Happy

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="100">
        <param name="movie" value="test.swf">
        <param name="quality" value="high">
        <embed src="test.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="100"></embed>
      </object></td>
      <td> </td>
    </tr>
</table>
</div>
<div align="center"><a href="javascript:;" onClick="getObj('Layer1').style.display='block';"><img src="buttom.gif" width="93" height="36"></a>     <a href="javascript:;" onClick="getObj('Layer1').style.display='none';"><img src="buttom2.gif" width="93" height="36"></a></div>
</body>
</html>

ผม hilight ส่วนที่ผมเขียนเพิ่มลงไปไว้ให้แล้วครับ

Re: รบกวนสอบถามวิธีการทำให้ layer โชว์ตอนคลิ๊ก

รุต

Thu 3 Aug 2006 20:37:01

ขอบคุณมากๆครับ