click link and change

พูดคุย แลกเปลี่ยน ปัญหา การเขียน JavaScript เครื่องมือ AJAX Web 2.0 AJAX Framework Jquery

Moderator: mindphp

raccoon
PHP Jr. Member
PHP Jr. Member
Posts: 18
Joined: 11/01/2011 10:10 pm

click link and change

Post by 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>

Return to “JavaScript & Jquery Ajax”

Who is online

Users browsing this forum: Bing [Bot] and 5 guests