Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > ทำหน้าต่าง ให้แสดง visible & hidden โดยใช้ javascript และรองรับทุำก Browser

ทำหน้าต่าง ให้แสดง visible & hidden โดยใช้ javascript และรองรับทุำก Browser

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

Guest

พอดี ทำดีทำ ระบบ java script อยากให้มัน แสดงและซ่อนตารางได้

ไม่ทราบว่า ต้องเขียน javascript ยังไงดีครับ

ที่ลองทำไปแล้ว มันใ้ช้ได้เฉพาะกัน firefox ส่วน IE Chrome ใช้ไม่้ได้เลยครับ

ดูในภาพ เมื่อเราคลิ๊กในกรอบด้านซ้าย ให้กรอบด้านขวาหายไป
script

นี่ code ที่ผมใช้กับครับ

Code (JavaScript)

<script language="JavaScript">
		
    function fncShow()
		{
		
			document.getElementById('myTable').style.visibility = 'visible';
			document.getElementById('myTable2').style.visibility = 'visible';
		}

		function fncHide()
		{
		
			document.getElementById('myTable').style.visibility = 'hidden';	
			document.getElementById('myTable2').style.visibility = 'hidden';
			
		}
</script>


<select name="stus" id="select" >
        <option value="1" onchange="fncHide();" >เคยเข้ารับการอบรมโครงการ</option>
        <option value="1" onchange="fncHide();" >เคยเข้ารับการอบรมโครงการ2</option>
        <option value="1" onchange="fncShow();" >เคยเข้ารับการอบรมโครงการ3</option>
</select>

Tag : PHP, HTML/CSS, JavaScript

Date : 2011-04-08 00:07:54

By : sss

View : 1616

Reply : 2

No. 1

PlaKriM

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

value="1" ทุก option เลยหรอ แ้ล้วจะเลือกไปทำไม

อันนี้เดาว่าต้องเป็น 1,2,3

Code (JavaScript)

<script language="JavaScript">
		
    function fncShowHide(value)
		{
		        if(value == 3){
		                document.getElementById('myTable').style.visibility = 'visible';
			        document.getElementById('myTable2').style.visibility = 'visible';
		        }else{
			        document.getElementById('myTable').style.visibility = 'hidden';	
			        document.getElementById('myTable2').style.visibility = 'hidden';
		        }
		}
</script>


<select name="stus" id="select" onchange="fncShowHide(this.value);" >
        <option value="1" >เคยเข้ารับการอบรมโครงการ</option>
        <option value="2" >เคยเข้ารับการอบรมโครงการ2</option>
        <option value="3" >เคยเข้ารับการอบรมโครงการ3</option>
</select>

Date : 2011-04-08 00:51:28

By : PlaKriM

No. 2

Guest

เดาถูกต้องเลยครับ 1 2 3

รีบโพส์ไปหน่อย

ใช้ไดุ้ทุก Browser แ้ว้ววว

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

Date : 2011-04-08 10:47:55

By : sss

ค้นหาข้อมูล

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

Re : ทำหน้าต่าง ให้แสดง visible & hidden โดยใช้ javascript และรองรับทุำก Browser

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

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

Load balance : Server 05