ARTICLES > Javascript

[JQuery] Bottom to top page

[JQuery] Bottom to top page

2022-09-22 11:41:40

script นี้ใช้สำหรับเพิ่มความสะดวกให้ผู้เยี่ยมชมเว็บไซต์ โดยจะเพิ่มปุ่มกด scroll up เพื่อใช้เลื่อนหน้าเว็บฯ เพจขึ้นไปยังตำแหน่งบนสุดอย่างรวดเร็ว ซึ่งตัว code จะตรวจจับการ scroll down ลงมาที่ 300px (กำหนดใน javascript) แล้วจะมีปุ่มปรากฏที่มุมล่างด้านขวาของจอ เมื่อ ...
READ MORE

[JQuery] Image checkbox limit range

[JQuery] Image checkbox limit range

2019-10-08 16:04:08

  Example for Video spliting function by interval (time range)   Looping to images (.jpg) in folder ex <ul style="list-style: none" id="thumb-list"> <?php foreach(glob('ex/'.$h.'*.jpg') ...
READ MORE

[Javascript] Adjust height of iframe after loaded

[Javascript] Adjust height of iframe after loaded

2018-10-09 12:11:13

  $('iframe').load(function() {     this.style.height =     this.contentWindow.document.body.offsetHeight + 'px'; }); Ref: https://stackoverflow.com/questions/3846132/jquery-get-height-of-iframe-content-when-loaded ...
READ MORE

[JQuery] Allow only input letters and numbers

[JQuery] Allow only input letters and numbers

2018-03-06 18:33:21

$('input[name=xxx]').keyup(function() {     var $th = $(this);     $th.val( $th.val().replace(/[^a-zA-Z0-9]/g, function(str) {      alert('กรุณากรอกข้อมูลเป็นภาษาอังกฤษและตัวเลขเท่านั้น'); ...
READ MORE

[JQuery] Popup page Landing

[JQuery] Popup page Landing

2016-11-01 12:00:40

หลายคนคงจะเคยเห็นกันอยู่บ่อยๆ นะครับ เวลาที่เข้าไปยังเว็บไซต์ใดเว็บนึ่ง แล้วมี Popup เด้งขึ้นมาแสดงที่หน้า Home page ก่อนจะเข้าไปชมเว็บไซต์ ประโยชน์ของ popup ลักษณะนี้ คือสามารถโปรโมต โฆษณา ประชาสัมพันธ์ข้อมูลข่าวสารต่างๆ เพื่อนำเสนอข้อมูลแก่ ...
READ MORE

Ajax Selection เลือกจังหวัด,อำเภอ,ตำบล

Ajax Selection เลือกจังหวัด,อำเภอ,ตำบล

2016-09-17 11:54:12

Script นี้เป็น framework ที่ผมสร้างขึ้นมา ทำงานบน Form ที่ให้ User กรอกรายละเอียดจังหวัด อำเภอ ตำบล และรหัสไปรษณีย์ ซึ่งมีการทำงานแบบ Dropdown List เลือกข้อมูลแบบลำดับขั้น โดยเลือกจากจังหวัดก่อน จากนั้น javascript ที่ทำงานแบบ Ajax จะไป Run คำสั่งในไฟล์ ...
READ MORE

Jquery Input calendar datepicker

Jquery Input calendar datepicker

2016-09-09 12:29:10

datepicker เป็นสคริปท์ที่ถูกใช้งานค่อนข้างบ่อยครั้ง  สำหรับผู้ที่ต้องเขียน form input วัน/เดือน/ปี และส่วนตัวผมก็ใช้แทบทุกเว็บไซต์ที่มี back office  เมื่อเวลาจะใช้ที ก็หลงๆลืมๆ ว่าจะใช้ไฟล์ไหนหรือฟังก์ชั่นอะไรบ้าง ผมเลยถือโอกาสนี้ นำมันมารวบรวมไว้บนเว็บฯ ...
READ MORE

[Javascript] remove HTML tag from plain text

[Javascript] remove HTML tag from plain text

2016-09-06 17:10:10

เป็นฟังชั่นในการตัด html tag ออกจาก text เพื่อการใช้งานข้อมูลแบบ plain text  function strip(html) {    var tmp = document.createElement("DIV");    tmp.innerHTML = html;    return ...
READ MORE

แก้ปัญหา window.showModalDialog is not a function

แก้ปัญหา window.showModalDialog is not a function

2016-09-06 12:09:07

Uncaught TypeError: window.showModalDialog is not a function เป็นเพราะ Chrome ในเวอชั่นใหม่ๆ ได้เลิก support function นี้ ดังนั้น เราจึงต้องปรับเปลี่ยนวิธีการเปิด popup ใหม่ showModalDialog มีข้อดีคือ มันสามารถส่งตัวแปรไปรับค่าจาก popup แล้ว ...
READ MORE

[Jquery] enable select option box

[Jquery] enable select option box

2016-01-01 00:00:01

Jquery enable select option box (disabled attribute) Not work $('select[test]').attr('disabled',''); Work $('select[test]').prop('disabled',false);   ...
READ MORE

[Javascript] Select box navigation (Onchange go to URL)

[Javascript] Select box navigation (Onchange go to URL)

2013-03-11 15:13:51

javascript แบบ inline สำหรับการใช้งาน เปลี่ยน address ไปยังหน้าเพจที่ต้องการ ด้วยการใช้ select box และ onchange event ตัวอย่าง <select onchange='document.location.href=this.options[this.selectedIndex].value;'> <option ...
READ MORE

การเรียก ready function ให้ทำงานอีกครั้ง

การเรียก ready function ให้ทำงานอีกครั้ง

2013-02-28 12:11:46

ปัญหานี้เกิดขึ้นจากการวางคำสั่งไว้ใน $().ready(function() { ... } ซึ่งจะสามารถทำงานได้ครั้งเดียวที่โหลดเพจขึ้นมา แต่ถ้ามีการเขียน เปลี่ยนแก้ไข html แบบ dynamic โดยใช้ innerText innerHtml , ajax หรือพวก open popup แล้วจะกลับมาทำงานในหน้า window.opener ซึ่งบางงาน ...
READ MORE