Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > จะแก้ <form> ไม่ให้ Reload Page ยังไงคับ เพระผมทำรูปเป็น Button onclick ไม่อยากให้รูปเปลี่ยนกลับเป็นรูปเดิมก่อนทีจะเปลี่ยน

จะแก้ <form> ไม่ให้ Reload Page ยังไงคับ เพระผมทำรูปเป็น Button onclick ไม่อยากให้รูปเปลี่ยนกลับเป็นรูปเดิมก่อนทีจะเปลี่ยน

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

dsefx

โพสกระทู้ ( 13 )
บทความ ( 0 )

Code

<script>
function changeImage1()
{
var img = document.getElementById("image1");
var tgt = byId('imgBtn1');
img.src="http://imageshack.com/a/img540/5681/asnVBI.png";


}
function changeImage11()
{
var img = document.getElementById("image1");
var tgt = byId('imgBtn11');
img.src="http://imageshack.com/a/img908/9405/5IKPgf.png";


}
<script>

Code

<body>

<form name="form1" method="post" action=""><button onClick="changeImage1();" name="RedON" value=""> <img id='imgBtn1' src="http://imageshack.com/a/img538/1843/lNCWrt.png"></button></form>

<form name="form2" method="post" action=""><button onClick="changeImage11();" name="RedOFF"  value=""> <img id='imgBtn11' src="http://imageshack.com/a/img903/446/JhvqU3.png"></button></form>

<img id="image1" src="http://imageshack.com/a/img908/9405/5IKPgf.png">

</body>

Tag : PHP, HTML/CSS, JavaScript

Date : 2014-12-15 22:14:38

By : dsefx

View : 783

Reply : 3

No. 1

Chaidhanan

โพสกระทู้ ( 9,586 )
บทความ ( 2 )

ศึกษาเรื่อง AJAX ครับ

Date : 2014-12-15 22:57:01

By : Chaidhanan

No. 2

dsefx

โพสกระทู้ ( 13 )
บทความ ( 0 )

จะลองดูคับ

Date : 2014-12-15 23:11:41

By : dsefx

No. 3

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

jQuery กับ Ajax ครับ จะได้ไปเร็วขึ้น

Date : 2014-12-16 09:09:20

By : mr.win

ค้นหาข้อมูล

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

Re : จะแก้ <form> ไม่ให้ Reload Page ยังไงคับ เพระผมทำรูปเป็น Button onclick ไม่อยากให้รูปเปลี่ยนกลับเป็นรูปเดิมก่อนทีจะเปลี่ยน

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

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