Forgot Password ??

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

	Registered : 109,037

HOME > Client Script Forum > ช่วยด้วยครับสคริปไม่รันทั้งๆที่น่าจะถูก ก็อป Source มาจากเว็บนี่แหละ

ช่วยด้วยครับสคริปไม่รันทั้งๆที่น่าจะถูก ก็อป Source มาจากเว็บนี่แหละ

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

Guest

มือใหม่หัดทำครับ คือ

ผมจะทำ script เกี่ยวกับ display div ตาม code นี้
ผมจะให้คลิ๊กแล้ว Display Div ที่ต้องการอะครับ แต่มันไม่ติด

ปล. ไม่ได้แนบไฟล์ CSS มานะครับ แต่ดู Code แล้วคงเข้าใจไม่ยาก

Code (PHP)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title> Welcome to Test Page </title>
<link rel="stylesheet" type="text/css" href="mainbody.css" />

<SCRIPT LANGUAGE="JavaScript">
 
 function showdiv(ref){
if (ref == con1){
 maincontent1.style.display = '';
 maincontent2.style.display = 'none';
 maincontent3.style.display = 'none';
 maincontent4.style.display = 'none';
 maincontent5.style.display = 'none';
 }
 if (ref == con2){
 maincontent1.style.display = 'none';
 maincontent2.style.display = '';
 maincontent3.style.display = 'none';
 maincontent4.style.display = 'none';
 maincontent5.style.display = 'none';
 }
 if (ref == con3){
 maincontent1.style.display = 'none';
 maincontent2.style.display = 'none';
 maincontent3.style.display = '';
 maincontent4.style.display = 'none';
 maincontent5.style.display = 'none';
 }
 if (ref == con4){
 maincontent1.style.display = 'none';
 maincontent2.style.display = 'none';
 maincontent3.style.display = 'none';
 maincontent4.style.display = '';
 maincontent5.style.display = 'none';
 }
 if (ref == con5){
 maincontent1.style.display = 'none';
 maincontent2.style.display = 'none';
 maincontent3.style.display = 'none';
 maincontent4.style.display = 'none';
 maincontent5.style.display = '';
 }
 }
 </SCRIPT>
</head>
<body id = "main">
<div id = "header">
header
</div>
<div id = maincontentbox>
			<div id = "menumain"><a href="javascript:showdiv('con1');"> Menu1 </a></div>
			<div id = "menumain"><a href="javascript:showdiv('con2');"> Menu2 </a></div>
			<div id = "menumain"><a href="javascript:showdiv('con3');"> Menu3 </a></div>
			<div id = "menumain"><a href="javascript:showdiv('con4');"> Menu4 </a></div>
			<div id = "menumain"><a href="javascript:showdiv('con5');"> Menu5 </a></div>
		    					

			<div id = "maincontent1"> 
			Content 1
			</div>
			<div id = "maincontent2" style="display:none;"> 
			Content 2
			</div>
			<div id = "maincontent3" style="display:none;"> 
			Content 3
			</div>
			<div id = "maincontent4" style="display:none;"> 
			Content 4
			</div>
			<div id = "maincontent5" style="display:none;"> 
			Content 5
			</div>
			
		
</div>
</body>
</html>

Tag : jQuery

Date : 2012-01-15 00:03:29

By : T.Custom

View : 1261

Reply : 2

No. 1

PlaKriM

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

'con1'
'con2'
'con3'
'con4'
'con5'

Date : 2012-01-15 00:11:24

By : ikikkok

No. 2

Guest

โอ้ เก็ตแล้วครับ ใช้ได้แล้วขอบคุณอย่างแรงครับ

Date : 2012-01-15 14:12:51

By : T.Custom

ค้นหาข้อมูล

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

Re : ช่วยด้วยครับสคริปไม่รันทั้งๆที่น่าจะถูก ก็อป Source มาจากเว็บนี่แหละ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05