ARTICLES > Javascript

[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

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 Landing popup page

Jquery Landing popup page

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

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

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

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)

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 ให้ทำงานอีกครั้ง

2013-02-28 12:11:46

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

Automotive ดูทั้งหมด

IT Update ดูทั้งหมด