Comments Box แสดงความคิดเห็นแบบไม่ต้องรีเฟรชเพจ jQuery, PHP, HTML

เมื่อหลายวันก่อนมีสมาชิก ท่านหนึ่ง.. ถามผมว่ามีคอมเม้นแบบไม่ต้อง Refresh หรือเปล่า ผมตอบว่าไม่มีแต่ก็ได้ สัญญาไว้ว่าจะมาเขียนให้ได้อ่านกัน วันนี้ก็เลยเขียนบทความคั่นรายการ Listbox ด้วย Comments box สักบทความก็แล้วกัน... บทความนี้มีไฟล์ 3 ไฟล์ ดังนี้ jquery.js newcomment.php commentajax.php ผมจะเริ่มด้วยการเขียน form ก่อน ไฟล์ newcomment.php <div class="main"> <div class="formcomment"> <form action="#" method="post"> <input name="title" id="name" type="text"> Name<span class="star">*</span> <input...

Read More

วิธีการส่งค่าจาก Multiple Listbox ด้วย PHP, jQuery, jSon

เป็นบทความต่อเนื่องจากบทความก่อนหน้า เป็นการส่งค่าแบบ Multiple Listbox ซึ่งสามารถส่งค่าได้ หลายๆตัวในการกด Submit เพียงครั้งเดียว ด้วยการส่งค่าแบบ Array ด้วย PHP, jQuery, jSon... รูปแบบการส่งค่าด้วย PHP test1 test2 test3 test4 test5 test6 ข้อสังเกตุ ท่านสังเกตุดูนะครับตรง name="multiplelisbox[]" ตรงนี้เป็นการส่งค่าแบบ Array ไปให้ PHP ประมวลผลนะครับ รูปแบบการส่งค่าด้วย jQuery + jSon jQuery $(function(){ $('#textsubmit').click(function(){ var values = []; var textvalues = []; $('#multiplelistboxjson :selected').each(function(i,...

Read More

รู้จักกับ JSON ก่อนที่จะก้าวต่อไป....

json ย่อมาจากคำว่า " JavaScript Object Notation " เป็นฟอร์แมตสำหรับแลกเปลี่ยนข้อมูลคอมพิวเตอร์ ฟอร์แมต JSON นั้นอยู่ในรูปข้อความธรรมดา (plain text) ที่ทั้งมนุษย์และโปรแกรมคอมพิวเตอร์สามารถอ่านเข้าใจได้ ปัจจุบัน JSON นิยมใช้ในเว็บแอปพลิเคชัน โดยเฉพาะ AJAX โดย JSON เป็นฟอร์แมตทางเลือก ในการส่งข้อมูล นอกเหนือไปจาก XML ซึ่งนิยมใช้กันอยู่แต่เดิม สาเหตุที่ JSON เริ่มได้รับความ นิยมเป็นเพราะกระชับและเข้าใจง่ายกว่า XML .... JSON นั้นใช้ syntax ของภาษาจาวาสคริปต์ แต่ไม่ถูกมองว่าเป็นภาษาโปรแกรม กลับถูกมอง ว่าเป็นภาษาในการแลกเปลี่ยนข้อมูลมากกว่า...

Read More

เก็บ Value, Text จาก Multiple Listbox ด้วย jQuery แบบ Array

เป็นบทความต่อเนื่องจากบทความก่อนหน้า ซึ่งยังขาดการเก็บค่าแบบ Multiple Listbox ซึ่งสามารถเก็บค่าได้ หลายๆตัวในการกด Submit เพียงครั้งเดียว ด้วยการเก็บแบบ Array ด้วย Javascript... รูปแบบ jQuery var values = []; var textvalues = []; $('#multiplelistbox :selected').each(function(i, selected) { values[i] = $(selected).val(); textvalues[i] = $(selected).text(); }); ตัวอย่าง jQuery $(function(){ $('#textsubmit').click(function(){ var values = []; var textvalues = []; $('#multiplelistbox :selected').each(function(i, selected) { ...

Read More

เก็บ Value, Text จาก listbox ด้วย jQuery

วิธีเก็บค่าจาก listbox ที่เราทำการเลือกเพื่อส่งค่าต่างๆไปเก็บยังฐานข้อมูลด้วย jQuery เป็นวิธีที่ค่อน ข้างง่ายสะดวก ผมว่างั้นนะ เก็บได้ทั้ง Value และ Text ของ Listbox .... รูปแบบ test1 จากรูปแบบด้านบน เราจะเก็บ value จาก Listbox ด้วย jQuery จากโค้ดนี้ $('#select').val(); เราจะเก็บ Text จาก Listbox ด้วย jQuery จากโค้ดนี้ $('#select :selected').text(); ตัวอย่างเก็บ Value jQuery $(function(){ $('#valuesubmit').click(function(){ var values = $('#selectvalue').val(); alert('value = '+values); }); }); Html test1 test2 test3 valuesubmit ทดสอบ $(function(){ $('#valuesubmit').click(function(){ ...

Read More

HTML ตัวเลือกแบบ Listbox

Listbox ใช้แสดงรายการตัวเลือก ซึ่งสามารถกำหนดได้ว่าจะให้เลือกเพียงตัวเดียว หรือว่าเลือกได้หลายตัว พร้อมกัน ฟิลด์ชนิดนี้สร้างขึ้นมาจากแท็ก <select> โดยแต่ละตัวเลือกจะถูกกำหนดด้วยแท็ก <option> ซึ่งอยู่ภายในแท็ก <select> อีกทีหนึ่ง..... รูปแบบ Listbox เลือกได้เพียงตัวเดียว ข้อความ name = ชื่อของ Listbox size = ความสูงของ Listbox ถ้ากำหนดน้อยกว่าจำนวนตัวเลือกของ Listbox ก็จะเป็น Listbox แบบ Dropdown value = กำหนดค่าที่ต้องการส่งไปประมวลผล ตัวอย่าง คุณชอบทานอะไร :) กบ เขียด อึ่งอ่าง คางคก คุณชอบทานอะไร :) กบเขียดอึ่งอ่างคางคก ...

Read More