jQuery

jQuery

The simplest jQuery editable plugin - type radio

โดย Little Bear on 2 ต.ค. 61 08:41

กำลังอยู่ในช่วงรื้อ code jQuery jeditable แก้ไขใหม่จาก GitHub หลังจากศึกษาจากคู่มือ ก็จำต้องเขียน plugin บางตัวขึ้นใช้เอง

นี่คือ plugin ที่ง่ายที่สุดแล้ว 555

$.editable.addInputType('radio', {

})

แต่เนื่องจากว่ามันไม่ได้ทำอะไรเลย หลังจากสร้าง element เรียบร้อยแล้ว ก่อนที่จะ return จึงต้องสั่งให้มันบันทึกข้อมูลทันที

// SAVE value immediately when radio or checkbox click
if (inputType == 'radio' || inputType == 'checkbox') {
    self.save($this, value, callback)
}

วิธีส่ง attribute data-xxxx ให้เป็น case sensitive

โดย Little Bear on 9 มิ.ย. 58 13:28

HTML5 จะส่ง attribute data-xxxx ด้วย lowercase เสมอ เช่น

<a id="mytag" href="sg-box" data-maxWidth="60%">Link</a>

ค่าของ $("#mytag").data("maxWidth") จะเป็น undefine โดยจะกลายเป็น $("#mytag").data("maxwidth") แทน

แต่มีวิธีการให้สามารถส่งเป็น case sensitive ได้โดยใช้

<a id="mytag" href="sg-box" data-max-width="60%">Link</a>

data-max-width="60%" จะถูกแปลงเป็น $("#mytag").data("maxWidth")

jQuery : .on('click') ไม่ทำงานบน iPad

โดย Little Bear on 2 ธ.ค. 56 22:43

มึนอยู่พักใหญ่ หลังจากเขียนเสร็จก็ลองทดสอบบน iPad ปรากฏว่า span และ tag บางตัว ไม่รับ event click (และ event อื่นอีกหลายตัว)

สาเหตุ : เกิดมาจาก safari บน iPad นั้น DOM บางตัวไม่ได้ใส่ event click มาให้

ทางแก้ : ให้ใส่ event click เข้าไปเอง

ตัวอย่าง :

<span class="test-click" onclick="">Text</span>

<script>
$(document).on('click', '.test-click', function() {
 alert('On Click')
})
</script>

Effect หยดน้ำ

โดย Little Bear on 30 ก.ย. 56 14:07

เตรียมไว้เป็นลูกเล่นตอนฝนตกหนักในเว็บ www.hatyaicityclimate.org ครับ

ดาวน์โหลดได้ที่ maroslaw.github.io

แนะนำ : 40 Top Free jQuery Mouseover Effect Tutorials

โดย Little Bear on 20 ก.ค. 56 22:58

แนะนำ mouseover effect สวย ๆ ครับ ตอนนี้กำลังควานหา mouseover แบบเดียวกับ facebook

ยังหาไม่เจอ

Date time & date range picker

โดย Little Bear on 15 มี.ค. 56 23:40

เพิ่งหาเจอ script สำหรับป้อนช่วงวันที่คล้าย ๆ กับของ Google Analytic หรือ Google Adsense อยู่ที่ www.filamentgroup.com

Datepicker พ.ศ.

โดย Little Bear on 29 มิ.ย. 55 19:30

เคยลองทำแล้ว ไม่สำเร็จ แต่เห็นคุณ kriss ที่เว็บ anassirk.com ได้ทำ "ทำปฏิทิน Datepicker ไทยแบบปีพุทธศักราช (พ.ศ.)" ไว้แล้ว เข้าไปลองดูแล้ว ก็ใช้งานได้ดีครับ

ไว้ค่อยนำมาใช้ในโอกาสต่อไป ได้ใช้แน่ ๆ

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

ไปดูรายละเอียดได้ที่ http://www.codetukyang.com/html/technic/filedatas/datepickerbuddhistyear/index.html