Dexdev » Tips http://www.dexdev.com เป็นโปรแกรมเมอร์มันไม่ง่าย แต่ก็ทำเป็นอยู่อย่างเดียวนี่แหละ Fri, 27 Aug 2010 11:44:32 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 firebug แบบไม่ง้อ add-ons http://www.dexdev.com/tips/firebug-no-need-add-ons/ http://www.dexdev.com/tips/firebug-no-need-add-ons/#comments Fri, 27 Aug 2010 10:02:46 +0000 admin http://www.dexdev.com/?p=312 ผมติด firebug เอามาก..เอาไว้ debug งานตัวเอง เอาไว้ดูงานคนอื่น(เผื่อก๊อป)

firefox ลงง่าย Install Firebug For Firefox

IE, Chrome, Safari,… ไม่มีคับ(หรือว่าผมตาถั่วหาไม่เจอ)

แต่ว่าก็ไม่ร้สิ้นหนทาง..ลองลาก link ข้างล่างนี้ไปไส่ Bookmark Toolbar ดูจิ

Firebug

]]> http://www.dexdev.com/tips/firebug-no-need-add-ons/feed/ 0 Clear DNS Cache http://www.dexdev.com/tips/clear-dns-cache/ http://www.dexdev.com/tips/clear-dns-cache/#comments Thu, 14 Jan 2010 10:44:37 +0000 admin http://www.dexdev.com/?p=266 Flush DNS ความหมายแบบหยาบ ก็คือการ clear DSN cache นั่นเองครับ
สมัยก่อนโน้นที่ยังใช้ WindowsXP มันทำง่ายๆ แค่คลิกขวาตรง icon network แล้ว repair ก็จบแล้ว

เดี๋ยวนี้ใช้ Windows7 เฟ้ย…ของแท้เฟ้ย
1. windows + r (run)
2. ipconfig /flushdns

ถ้าจะดูว่า DNS cache มีอะไรบ้าง
ipconfig /displaydns

]]> http://www.dexdev.com/tips/clear-dns-cache/feed/ 0 Google Maps API ทำ Reverse Geocoding http://www.dexdev.com/tips/google-map-reverse-geocoding/ http://www.dexdev.com/tips/google-map-reverse-geocoding/#comments Sun, 26 Oct 2008 02:13:06 +0000 admin http://www.dexdev.com/?p=89 ใครใช้ google map เป็นเครื่องมือทำมาหากินลองอ่านดูนะครับ
ความสามารถใหม่ของ Google Maps API ที่เพิ่มขึ้นมาคือเราสามารถทำ reverse เจ้าตัว geocoder ได้แล้ว

reverse geocoder คืออะไร ?
reverse geocoder คือการ convert address มาเป็น latitude/longitude นั่นเองครับ

reverse geocoder เพื่ออะไร ?
สำหรับผมแล้วเวลาจะทำ map ซั๊กอันผมต้องหา latitude/longitude ให้ได้ก่อนแต่พอมี reverse geocoder แล้วผมสามารถ
สร้าง map แล้ว setCenter  โดยใช้ address ได้เลยครับ

ดูตัวอย่าง google-map-geocoder-reverse.html ได้ที่นี่ครับ

]]> http://www.dexdev.com/tips/google-map-reverse-geocoding/feed/ 0 มาดูกันว่า ip ไหนเข้าเว็บเราบ้าง http://www.dexdev.com/tips/which-ip-hitting-website/ http://www.dexdev.com/tips/which-ip-hitting-website/#comments Tue, 07 Oct 2008 15:14:37 +0000 admin http://www.dexdev.com/?p=40 สำหรับวิธีการที่จะเช็คว่า IP ไหนเข้าเว็บไซต์เราบ้าง โดยเรียงลำดับจากความถี่จากน้อยไปหามาก

1. ขั้นตอนแรกต้องทำการ SSH (telnet) ไปยัง server
2. ไปยัง folder ที่เก็บ access.log ของเว็บไซต์
3. สั่งรันคำสั่ง

tail -100000 dexdev.com.log | awk ‘{print $1}’ | sort | uniq -c |sort -n


เปลี่ยน dexdev.com.log ตามชื่อไฟล์ที่ server เก็บ อย่างของผมใช้ direct admin จะใช้ domain.log

4. แถมให้อีกนิดถ้าสงสัยว่า ใครหนอมาเข้าเว็บเราบ่อยๆ ด้วยคำสั่ง host

host xxx.xxx.xxx.xxx

5. แล้วถ้าอยากรู้ว่า IP นี้เค้าทำอะไรกับเว็บเราบ้างก็ต้องคำสั่งนี้เลย

tail -1000 dexdev.com.log | grep xxx.xxx.xxx.xxx

ปล. คำสั่ง awk ผมไม่รู้ว่ามันคืออะไรมั่วมาก 555+

]]> http://www.dexdev.com/tips/which-ip-hitting-website/feed/ 1 extension ของ date input calendar มาแล้ว http://www.dexdev.com/tips/extension-date-input-calendar/ http://www.dexdev.com/tips/extension-date-input-calendar/#comments Sat, 04 Oct 2008 13:44:01 +0000 admin http://www.dexdev.com/?p=23 จากบทความ Date Input Calendar ไม่รู้มีคนอ่านรึเปล่า – -”

เลยกลายมาเป็น extension ตัวนี้ครับ

ติดตั้ง extension
ไม่เขียนละว่าทำไง ก็ดับเบิ้ลคลิก ok yes จบตามวิธีคนไทยครับ

เนี่องจาก extension ตัวนี้เป็น extension ประเภท object ซึ่งปกติตัว extension จะ genarate ไฟล์ถึง 4 ไฟล์


สำหรับ extension ตัวนี้ผมไม่ได้ pack ไฟล์ 4 ไฟล์นี้ไปให้ ต้องไป download ไฟล์จากเว็บคนทำมาเตรียมไว้ใน folder ตามรูปข้างบนครับ

เริ่มใช้
หลังจากติดตั้งและเตรียมไฟล์กันเรียบร้อยมาเริ่มใช้งานกันเลยครับ โดยเริ่ม include javascript(DateInput.js)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="/js/calendar/DateInput.js"></script>

</head>

<body>
<form>

</form>
</body>
</html>


แทรกปฏิทินโดยคลิกที่ปุ่มตามรูปนะครับ

จะมีหน้าต่าง popup ขึ้นมาตามรูปนี้

ระบุ parameter กันตามต้องการน่าจะใช้กันเป็น

หลังจากนั้น extension จะ genarate javascript ให้ดังนี้ครับ

วันเกิดของคุณ :
<script type='text/javascript'>DateInput('date', true, 'YYYY-MM-DD');</script>
<noscript>
<input type='text' name='date' />
</noscript>

หน้าตาก็จะออกมาประมาณนี้

ลอง test ผ่านทาง browser ดูนะครับ

ลองคลิกที่รูปปฏิทิน


แค่นี้ก็น่าจะเข้าใจกันแล้ว เหนื่อยเลยครับ wordpress ตัวใหม่แม่งแทรกรูปยาก

Download
ผมไม่ได้อัพให้ดาว์นโหลด กันนะครับ ใครอยากได้โพสแนะนำตัวไว้ที่เว็บนิดนึงครับเดี๋ยวผมส่งให้ทางเมล์

]]> http://www.dexdev.com/tips/extension-date-input-calendar/feed/ 9 Date Input Calendar http://www.dexdev.com/tips/date-input-calendar/ http://www.dexdev.com/tips/date-input-calendar/#comments Tue, 16 Sep 2008 16:08:01 +0000 admin http://www.dexdev.com/?p=16 Date Input Calendar คืออะไร
Date Input Calendar คือ form object ที่ถูกสร้างขึ้นมาด้วย javascript เพื่อให้ UI (user interface) ของเว็บไซต์ดูดีมีราคา
อีกอย่างไม่ต้องเมื่อยเช็คว่า วันที่ ที่กรอกมามันถูกรึเปล่า ไม่ใช่กรอกมา 2008-02-30 นะฮ่าๆๆๆ

ผมไม่ได้ทำเองครับ!
เอาของเค้ามาใช้  Jason’s Date Input Calendar คลิกไปอ่านวิธีใช้งานกันหน่อยก็ดีนะครับ

ตัวอย่าง

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Date Input Calenda</title>
<script type=”text/javascript” src=”js/calendarDateInput.js”></script>
</head>

<body>

<form>
…
<script type=”text/javascript”>DateInput(‘date’, true, ‘YYYY-MM-DD’)</script>
…
</form>
</body>
</html>

เทคนิค
เพิ่ม noscript บางทีไม่รู้ว่า script มันอยู่ตรงนี้เพลอกดลบ :(

<script type=”text/javascript”>DateInput(‘date’, true, ‘YYYY-MM-DD’)</script><noscript>
<input type=”text” name=”date”/></noscript>

แค่นี้ก็ได้ date input calendar จ๊าบๆไปใช้กันแล้ว

]]> http://www.dexdev.com/tips/date-input-calendar/feed/ 1 แจก popup extension สำหรับ dreamweaver http://www.dexdev.com/tips/popup-extension/ http://www.dexdev.com/tips/popup-extension/#comments Wed, 10 Sep 2008 11:30:00 +0000 admin http://www.dexdev.com/?p=15 extension เวอร์ชั่น dexdev อีกแล้วครับท่าน

จุดประสงค์

  • ตัวทำ popup ที่ติดกับ dream มามันทำ popup ไม่ถูกใจพูดง่ายๆ จะทำ popup ให้มันอยู่กึ่งกลางไม่ได้
  • อยากหล่อ
  • ยังคิดไม่ออก ช่วยคิดหน่อยครับ

Download ที่นี่ครับ

ติดตั้ง


คลิกเบาๆ 2 ที


กด Accept


โว่ๆๆๆ ลงเรียบร้อย

วิธีใช้งาน

extention ตัวนี้เป็น Behaviors extention นะครับจะอยู่ตรง panel Behaviorsครับ


สมมุติว่าผมจะทำ onclick ของ tag “a” ให้ไป hilight ที่ tag a ก่อน


เลือก _Dexdev -> popup


ใส่ params กันตามต้องการครับ

ผลลัพธ์

เอาเป็นว่าลองเอาไปใช้กันเองดีกว่าครับ

]]> http://www.dexdev.com/tips/popup-extension/feed/ 1