click link and change

พูดคุยแลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework jQuery และ Node.JS รวมถึง Framework Express ของ Node.JS ทำงานฝั่ง Server

Moderator: mindphp

raccoon
PHP Jr. Member
PHP Jr. Member
โพสต์: 18
ลงทะเบียนเมื่อ: 11/01/2011 10:10 pm

click link and change

โพสต์ที่ยังไม่ได้อ่าน โดย raccoon »

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
function showdiv(id){

if (id == 1){
menu1.style.display = '';
menu2.style.display = 'none';
menu3.style.display = 'none';
menu4.style.display = 'none';
menu5.style.display = 'none';
}
if (id == 2){
menu1.style.display = 'none';
menu2.style.display = '';
menu3.style.display = 'none';
menu4.style.display = 'none';
menu5.style.display = 'none';
}
if (id == 3){
menu1.style.display = 'none';
menu2.style.display = 'none';
menu3.style.display = '';
menu4.style.display = 'none';
menu5.style.display = 'none';
}
if (id == 4){
menu1.style.display = 'none';
menu2.style.display = 'none';
menu3.style.display = 'none';
menu4.style.display = '';
menu5.style.display = 'none';
}
if (id == 5){
menu1.style.display = 'none';
menu2.style.display = 'none';
menu3.style.display = 'none';
menu4.style.display = 'none';
menu5.style.display = '';
}
}
</SCRIPT>
<BODY>
<br>
<br>

<div id="menu1">
Menu1<br>
1 + 1 เป็น 2
</div>
<div id="menu2" style="display: none;">
Menu2<br>
2 + 2 เป็น 4
</div>
<div id="menu3" style="display: none;">
Menu3<br>
3 + 3 เป็น 6
</div>
<div id="menu4" style="display: none;">
Menu4<br>
4 + 4 เป็น 8
</div>
<div id="menu5" style="display: none;">
Menu5<br>
8 + 8 เป็น 16
</div>
<br>
<br>
<a href="javascript:showdiv('1');">show 1</a><br>
<a href="javascript:showdiv('2');">show 2</a><br>
<a href="javascript:showdiv('3');">show 3</a><br>
<a href="javascript:showdiv('4');">show 4</a><br>
<a href="javascript:showdiv('5');">show 5</a><br>
</BODY>
</HTML>
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 86