มาแล้วครับ Order form แบบคำนวณราคาทันทีครับ(แบบง่ายๆ ไม่ซับซ้อนครับ)

Hardwares & Others
1

สืบเนื่องจากกระทู้นี้ครับ http://www.thaihosttalk.com/th1/index.php?topic=6602.0

ผมเลยขออาสาแบ่งปัน สคริปง่ายๆ แต่ใช้ได้ดีครับ

เริ่มเลยนะครับ

Hosting Provider หลายๆท่านคงอยากได้ Order form ที่แสดงราคาได้ทันทีเลย แบบนี้

http://www.thaihostsolution.com/order.php?type=reg

ผมเลยมีวิธีง่ายๆ คือใช้ javascript (มีตัวอย่างจากเว็บผมด้านล่างครับ)

หลักๆเลยผมใช้คำสั่ง document.getElementById

2

สุดยอดมากครับ … ที่นำความรู้ดีๆ มาแบ่งปันกัน … ดูจาก source แล้ว เขียนคนละแบบกับของ siamwebhost นะครับ แต่การแสดงผลบนหน้าเว็บเหมือนกัน … ผมเองก็มั่วๆ เอาครับ แต่คิดว่า source ของคุณเป้ เขียนได้ตรงหลักการ ดีกว่าของผมซะอีก

3

มีท่านใดจะอธิบายให้ละเอียดกว่านี้บ้างครับ หรือมีตัวอย่าง Script ให้ดูเป็นกรณีศึกษาบ้างรับ

พอดีอ่านแล้วยังงงๆอยู่นะครับ

4

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

5

แล้วข้อมูลที่ส่งเข้า ส่งเข้าไปเก็บไว้ที่ไหนเหรอครับ

6

แหะๆ ผมง่วงนอนนะครับ เดี๋ยวไปนอนแล้ว พรุ่งนี้ฝึกงานต่ออีก

ถ้าคุณ Beer ไม่รีบ เดี๋ยวพรุ่งนี้ช่วงเย็น ผมจะอธิบายละเอียดกว่านี้ให้ครับ

แระจะยกตัวอย่างใหม่ เขียนใหม่ให้แบบง่ายๆเลยครับ ทั้งการส่งข้อมูล และการคำนวณ

คืนนี้คง reply สุดท้ายแระครับ

7

อ่าครับ แจ้งเพิ่มนิดนึงครับ
พอดีลองเข้าไปดูน่ะครับ แล้วคลิกๆดูมันไม่ขึ้น
ผลคือ firefox ไม่รันครับ

8

ครับ ฝันดีครับคุณเป้

ผมจะอยู่ที่บอร์ดชมรมช่วงเวลา… ถ้าเวลาราชการ ก็ 15.40 น. จนถึง เที่ยงคืน ครับ
ถ้าเสาร์อาทิตย์ ประจำการที่บอร์ดชมรมทั้งวันครับ

9

อ่ายอดเยี่ยมครับ ผมก็ทำไว้แค่คร่าวๆ ไม่ได้มากมายอะไร
ปรับเอาตามที่พอรู้พอเข้าใจแฮะๆ มันเลยออกมามั่วอย่างที่เห็น

ปุ๊ก

10

ลองตามเข้าไปดู http://www.thaihostsolution.com/order.php?type=reg
ปรากฎว่า FX มันไม่คิดราคาให้ สงสัยจะใช้ได้แต่ IE อย่างเดียวนะครับเนี่ย

:unsure:

11

ใช่จริงๆ ด้วยครับ ผมลองเปิด FX แล้วเข้าไปทดสอบดูแล้วมันไม่แสดงผลนะครับ คุณเป้ แต่หากลองกับที่หน้าแบบฟอร์มสมัครใช้บริการ ของ siamwebhost.com มันใช้ได้ครับ คงต้องต้องเขียน script เพิ่มเติมในส่วนของการเช็ค Browser Type ด้วยนะครับ คุณเป้

12

จับ object ทั้งหมดลง form แล้วทำการอ้างอิงผ่าน form object จะเร็วกว่าและโค๊ดสั้นกว่าครับ ไม่มีปัญหากับ Browser ด้วยครับ

13

ของผมเขียน ง่ายๆ แบบนี้ครับ


function calc(){

	var Host = document.OrderForm.HostPlan.value;
	var HPrice = 0;

	switch(Host){
		case "ES0" : HPrice=50; break;
		case "ES1" : HPrice=100; break;
		case "ES2" : HPrice=150; break;
		case "ES3" : HPrice=250; break;
		case "ES4" : HPrice=350; break;
		case "BS1" : HPrice=150; break;
		case "BS2" : HPrice=200; break;
		case "BS3" : HPrice=300; break;
		case "BS4" : HPrice=400; break;
		case "BSD1" : HPrice=100; break;
		case "BSD2" : HPrice=150; break;
		case "BSD3" : HPrice=250; break;
		case "BSD4" : HPrice=350; break;
		case "MD1" : HPrice=750; break;
		case "MD2" : HPrice=1000; break;
		case "MD3" : HPrice=1500; break;
		case "MD4" : HPrice=2000; break;
	}

	for (var i = 0; i < document.OrderForm.DomChoice.length; i++) {
	if (document.OrderForm.DomChoice[i].checked) {
		var DChoice = document.OrderForm.DomChoice[i].value;
	break;
14

ขอบคุณสำหรับ Case

15

ขอบคุณพี่ๆทุกคนมากครับ ไม่ทราบเลยนะเนี่ยว่าไม่ทำงาน บน Firefox เดี๋ยวคงต้องแก้ไขกันแล้ว

เดี๋ยวเป้จะลองนำไปประยุกต์ดูครับพี่จักกฤช

ขอบคุณครับ

เป้

16