Tag Archives: javascript

การรีเฟรสวินโดว์หลักหลังจากที่ปิดป๊อบอัพ

วันนี้เอาแบบสั้นๆ แต่ได้ใจความไปเลยครับ ใครที่กำลังต้องการรีเฟรสวินโดว์หลักหลังจากที่ปิดป๊อบอัพ เอาวิธีนี้ไปใช้ได้เลยครับ

window.close();//ปิดป๊อบอัพ
if (window.opener && !window.opener.closed) { //ตรวจดูว่าวินโดว์หลักที่เรากดเปิดป๊อบอัพยังเปิดอยู่รึป่าว
window.opener.location.reload(); //รีเฟรสวินโดว์หลัก
}

เท่านี้ก็เรียบร้อยครับ ^^

jQuery Plugin: bxGallery เพิ่มลูกเล่นในการแสดงรูปภาพบนเว็บ

ช่วงนี้เป็นช่วงศึกษา jQuery ก็เลยมี plugin มาแนะนำเรื่อยๆ ครับ วันนี้เป็น bxGallery ซึ่งเป็น plugin เกี่ยวกับการแสดงรูปภาพ โดยจะมีการแสดงภาพเต็มภาพนึง แล้วจะมีรูปเล็กๆ (thumb) ให้เรากดดูอีก ผมดูแล้วเป็น plugin ที่ใช้งานง่ายๆ ครับ อ่านเพิ่มเติม »

jQuery ดึงค่าจากแท็ก Select

วันนี้ว่างๆ ก็เลยเอาความรู้เกี่ยวกับ jQuery มาอัพเดทซักหน่อย ก็เลยเลือกเอาเรื่องการดึงค่าจากแท็ก select ซึ่งบ้างคนอาจจะยังใช้ selector แบบสะบั้นหั่นแหลกกันอยู่ เช่น

แท็ก select ของเรา

<select id="test-select">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>

อ่านเพิ่มเติม »

วิธีการเลือกเอา checkbox ด้วย jQuery

ไม่ได้อับเดทมานานสองเดือนเลยทีเดียวคิดถึงๆ ก็เลยหาเกร็ดเล็กเกร็ดน้อยมาอัพเดทซักนิดดีกว่า เอาเป็นวิธีการเลือก (selector) input ที่เป็น checkbox ด้วย jQuery ก็แล้วกันครับ

1. วิธีการดึงเอา input ที่เป็น checkbox ทั้งหมด

var allCheckbox=$('input:checkbox');

2. วิธีการดึงเอา input ที่เป็น checkbox ที่ถูกเลือก (checked)

var checkedList=$('input:checkbox:checked');

3. วิธีการดึงเอา input ที่เป็น checkbox ที่ไม่ถูกเลือก (uncheck)

var uncheckList=$('input:checkbox:not(:checked)');

ถ้าต้องการระบุชื่อของ checkbox นั้นด้วยก็เพิ่ม [name=checkboxname] เข้าไปครับ เช่น

var mycheckbox=$('input[name=mycheckbox]:checkbox:checked');

จะเป็นการดึงเอา checkbox ที่มีชื่อว่า mycheckbox ที่ถูกเลือก (checked) ครับ

การดึงเอาค่าของ textarea ที่ใช้ tinyMCE

เอาวิธีการดึงค่าของ textarea ที่ใช้ tinyMCE มาฝากครับ เผื่อเพื่อนๆ กำลังติดปัญหานี้อยู่ ปกติแล้วถ้าเพื่อนไม่ได้ใช้ตัว tinyMCE ก็จะสามารถดึงค่าของ textarea ออกมาง่าย (ใช้ jQuery นะครับ) เช่น

$('textarea#textareaID').val();

แต่ถ้าเพื่อนๆ ใช้เ้จ้า tinyMCE ก็มีวิธีการดึงค่าที่แตกต่างออกมานิดหน่อย ดังนี้ครับ

tinyMCE.get('textareaID').getContent();

บันทึกช่วยจำ การใช้งานฟังก์ชัน substring() ใน javascript

ต้องเอามาบันทึกไว้อีกแล้วสำหรับการใช้งานฟังก์ชัน substring() ของ javascript จะทำไงได้ล่ะครับ ก็มันจำรูปแบบการใช้ไ่ม่ได้ซักที ทำสำคัญเลยก็คือ จำลำดับของพารามิเตอร์ (parameter) สับสนนี่แหละครับ เหอๆอธิบายสั้นๆ ก็แล้วกันครับ ฟังก์ัชัน substring จะทำการดึงเอา string ในตำแหน่งที่เราต้องการจาก string ตั้งต้นครับ อ่านเพิ่มเติม »

ตรวจสอบประสิทธิภาพของ javascript ที่เราเขียนด้วย Firebug

วันนี้เอาวิธีวัดความเร็วของ javascript ที่เราเขียนมาฝากครับ แต่ก่อนอื่นเพื่อนๆ ต้องมีการติดตั้ง add-on ที่ชื่อ Firebug ของ Firefox ไว้ด้วยนะครับ วิธีในการวัดความเร็วของ javascript ที่เราเขียนก็มีดังนี้ครับ อ่านเพิ่มเติม »

การแทรก javascript ใน smarty template (tpl)

เพื่อนที่ใช้ smarty อาจจะเคยประสบปัญหาการแทรกแท็ก javascript ไว้ในเทมเพลต(template) ของ smarty นะครับ ปกติแล้วนามสกุลของเทมเพลตไฟล์จะเป็น .tpl ซึ่งปัญหาที่เกิดขึ้นถ้าหากเราแทรกเเท็ก javascript เข้าไปในไฟล์เทมเพลตโดยตรงจะทำให้เกิด Fatal Error เลยก็เป็นได้ เพราะในจาวาสคลิปเราอาจจะเผลอไปใช้ delimiter บางตัวของ smarty ครับ ที่เจอบ่อยๆ ก็จะเป็น “{ }” เจ้านี่แหละครับ อ่านเพิ่มเติม »