http://sixhead.com เมื่อความรู้มีไว้แบ่งปัน Wed, 01 Jul 2009 14:53:36 +0000 http://backend.userland.com/rss092 en บางครั้งเราต้องการจำกัดจำนวนตัวอักษรใน textarea ปรากฏว่ามันไม่ง่ายเหมือน text box ที่เราสามารถใส่ attribute maxlength เข้าไปจำกัดตัวอักษรได้ตรงๆ จึงต้องใช้ jquery เข้ามาช่วยดังตัวอย่าง $(document).ready(function(){ $('#Wish').keyup(function(){ var max = parseInt($(this).attr('maxlength')); if($(this).val().length > max){ $(this).val($(this).val().substr(0, $(this).attr('maxlength'))); } $('#WishMax').html('เหลืออีก ' + (max - $(this).val().length) + ' ตัวอักษร'); }); }); http://sixhead.com/2009/06/30/limit-textarea-maxlength/ ถ้าเวปคุณเล็กๆ คนเข้าน้อยคงไม่ต้องสนใจรายละเอียดอะไรมากนัก แต่วันนึงเวปเริ่มโต คนเริ่มเยอะ การเปลี่ยนแปลงนิดเดียวอาจได้ผลที่น่าแปลกใจ ปกติส่วนมากเราจะ query แบบนี้ ถ้าใช้ mysql_fetch_array จะได้ array ($row) ดังนี้ Array ( [0] => 40 [ConcertId] => 40 [1] => test1 [ConcertName] => test1 ) ส่วน mysql_fetch_assoc จะได้ array ($row) ดังนี้ Array ( [ConcertId] => 40 [ConcertName] ... http://sixhead.com/2009/06/19/mysql_fetch_assoc-vs-mysql_fetch_array/ ชื่อเต็มของ IIRF คือ Ionics Isapi Rewrite Filter ทำหน้าที่เหมือน mod_rewrite แต่ทำงานบน IIS ที่สำคัญ free! พร้อมด้วยคุณสมบัติที่ดีเยี่ยม เร็วและมีประสิทธิภาพ (เวปเขาโม้ไว้ว่าแบบนี้) ทำงานได้บน IIS 5.0, 5.1, 6.0, และ 7.0. วิธีการติดตั้งก็ไม่ยาก โดยเมื่อดาวน์โหลดเสร็จแล้วให้  unzip จะมีไฟล์ที่จำเป็นอยู่ 1 ไฟล์ ใน folder lib/IsapiRewrite4.dll ขั้นตอน 1. ให้สร้าง directory C:\Windows\System32\inetsrv\IIRF แล้วนำ IsapiRewrite4.dll ไปวางไว้ 2. สร้างไฟล์ชื่อ IsapiRewrite4.ini ไว้ที่ Desktop ก่อน ตัวอย่างนี้สำหรับป้องกัน hotlink (แอบมาใช้รูปของเราโดยเอา url รูปไปดื้อๆ มันเปลือง bandwidth) ตัวอย่างไฟล์ IsapiRewrite4.ini RewriteLog C:\temp\iirf RewriteCond %{HTTP_REFERER} ^(?!HTTP_REFERER) RewriteCond ... http://sixhead.com/2009/05/19/iirf-isapi-rewrite-filter-for-iis/ ใครใช้ SiXhEaD Template มารับไปเลยครับ Dreamweaver extension support ตั้งแต่ Dreamweaver 2004 ขึ้นไป Credit เต็มๆ ให้ ผู้พัฒนาครับ Mr.Khwanchai Kaewyos (LookHin) http://www.LookHin.com http://www.unzeen.com ใช้ดี ใช้ง่ายครับ ได้ทั้งแบบ Design mode และ Code mode highlight เลือกสร้าง block จาก table, div ได้เลยทันทีสุดยอด แบบที่ 1 กดสร้าง block (loop) แล้วตั้งชื่อ แบบที่ 2 highlight เลือกส่วนที่ต้องการ กดสร้าง block (loop) แล้วตั้งชื่อก็ยังได้ download ได้ที่นี่ http://sixhead.com/2009/05/12/sixhead-template-dreamweaver-extension/ ไม่มีไรครับบ่นเฉยๆ เรื่องของเรื่อง SiXhEaD Template คิดว่ามันมีประโยชน์ เลยไปตั้งกระทู้แนะนำอยู่ 3 เวป มีเวปนึงลบกระทู้ไปเฉยไม่แจ้งเหตุผลใดทั้งสิ้น อยากจะบอกคุณเจ้าของเวปนั้นว่า มันไม่ใช่โฆษณานะครับ มันเป็นความรู้ ควรที่จะเผยแพร่ หรือกลัวคนจะเก่งเยอะ แล้วหาเงินไม่ได้? ไม่บอกว่าเวปไหน แต่ใครหาเจอก็หาเอาเอง อันนี้ข้อความของบอร์ดเขา ผมเลยอยากไป "แบ่งปัน" สำหรับผู้ที่ เริ่มต้น Programming - PHP มีอะไร แนะนำ หรือข้อสงสัยต้องบอร์ด นี้ น่ะค่ะ คนที่มีความรู้ แบ่งปันคนอื่นบ้างนะ http://sixhead.com/2009/05/08/anti-idiot/ zint เป็นโปรแกรม Open source แบบ command line สำหรับสร้าง barcode ครับ support ถึง 50 รูปแบบเลย ซึ่งสุดยอดมากๆ ไม่มีเจ้าใดเทียบได้อีกแล้ว เขียนด้วยภาษา C จำเป็นต้อง compile ที่เครื่องก่อน ได้เฉพาะฝั่ง Linux นะครับ All POSIX (Linux/BSD/UNIX-like OSes) วิธีใช้หนะไม่ยากเพราะสั่งแค่บรรทัดเดียวก็สร้าง barcode ได้แล้ว แต่ตอนลงพอดีมันติด compile อยู่มั่วไปมั่วมาจนสำเร็จ เลยมาบันทึกไว้เผื่อใครติดปัญหาเหมือนกัน I try to install zint 2.1.2 on my FreeBSD but it have some problem when compile. This is my way ... http://sixhead.com/2009/05/06/install-zint-212-on-freebsd-62/ ปกติไม่ค่อยได้ใช้ CSS กับ form เท่าไร่ พอใช้ปุ๊บงงเลยกะ FireFox3 ดังรูป ค้นไปค้นมาเจอ 2 วิธี ง่ายสุด 1 ใส่ css เพิ่ม input[type=file] /* FF input file */ { color: #333333; background-color:#FF0000; } background-color: -> อันนี้ไม่มีผลนะครับใส่ไว้ให้พวกอยากลองจะได้ไม่ต้องไปเสียเวลาพิมพ์ อีกวิธีแบบเทพไปเลยถ้าต้องการ http://www.quirksmode.org/dom/inputfile.html รู้สึกจะเป็นมานานแล้วก็ยังไม่ได้รับการแก้ไขเสียด้วย อ่านรายละเอียดการแจ้ง bug https://bugzilla.mozilla.org/show_bug.cgi?id=52500 http://sixhead.com/2009/04/24/firefox3-bug-css-input-button/ Add-ons  FireFox ตัวโปรดอีกตัวนึงของผมเลยครับ หลังจากไม่ได้ใช้มานาน เพราะ upgrade FireFox เป็น v3 แล้วตัว add-ons มันไม่ support วันนี้นึกขึ้นได้ลองไป search ดูอีกครั้งปรากฏว่ามี experimental version ที่ใช้งานกับ FireFox 3 ได้แล้ว เลยรีบโหลดทันที ความสามารถของมันคือเอาไว้ view source code หน้า html ครับแต่ข้อดีสุดๆ ของมันก็คือ มันจะอ่าน html ออกมาในลักษณะ ของ DOM แสดงออกมาเป็น block แยกสีอย่างชัดเจนดูได้ง่าย และที่สุดยอดสุดๆ คืออะไรรู้ไหมครับ ถ้าคุณทำงานที่เกี่ยวข้องกับ ajax บ่อยหรือพวกสั่ง javascript write content เนี่ยะมันจะ view ออกมาให้เห็นพวก html ... http://sixhead.com/2009/02/19/view-source-chart-the-most-accessible-dom-inspector/ 1. Boot from a Live CD, like Ubuntu Live, Knoppix, Mepis, or similar. 2. Open a Terminal. Go SuperUser (that is, type "su"). Enter root passwords as necessary. 3. Type "grub" which makes a GRUB prompt appear. 4. Type "find /boot/grub/stage1". You'll get a response like "(hd0)" or in my case "(hd0,3)". Use ... http://sixhead.com/2009/02/13/howto-restore-grub-if-your-mbr-is-messed-up/ แค่ชื่อก็งงแล้วหล่ะซิ ฮ่าๆ เจ้าโปรแกรมนี้มีชื่อว่า CamSpace "CamSpace is a new fun way to play your favorite PC games" CamSpace เป็นโปรแกรมที่ทำให้เราสามารถควบคุมเกมส์ หรือโปรแกรมด้วย webcam ทุกชนิด โดยที่เราใช้ร่างกายแทน mouse, keyboard หรือกระทั่ง joystick นั่นเอง เมื่อ download โปรแกรมมาแล้วจะมีเกมส์ของ CamSpace มาให้ลองเล่นและทดสอบด้วย โดยถ้าจะเพิ่มเกมส์ซักอันต้องสร้าง Controllers ขึ้นมาสำหรับเกมส์นั้นๆ ซึ่งเราสามารถทำได้เอง หรือไปลองหาโหลดจากเวปเลย สรุปต้องมีอุปกรณ์ 3 ชนิด 1. computer 2. webcam 3. วัตถุสำหรับควบคุมการเคลื่อนไหว โดยอาจเป็นกระดาษหรือสิ่งของที่จับได้ถนัด (ควรมีสีที่ชัดเจนและห้องมีแสงสว่างพอ) ไปดูการเล่น Need For Speed ProStreet ด้วยพวงมาลัยกระดาษกัน download CamSpace ไปมันกันได้ ที่นี่เลย http://sixhead.com/2009/01/04/play-your-favorite-pc-games-with-webcam/ 1. Install nginx # cd /usr/ports/www/nginx # make install choose : HTTP_MODULE HTTP_REWRITE_MODULE HTTP_SSL_MODULE HTTP_STATUS_MODULE ..... 2. Install php # cd /usr/ports/lang/php5 # make install choose : CLI CGI SUHOSIN IPV6 FASTCGI PATHINFO ..... 3. Install php-fpm freebsd ports # wget http://php-fpm.anight.org/downloads/freebsd-port/php-5.2.6-fpm-0.5.9.tar.gz Extract and copy # tar xvzf php-5.2.6-fpm-0.5.9.tar.gz # cp -R ./php-5.2.6-fpm-0.5.9 /usr/ports/lang/php5-fpm # cd /usr/ports/lang/php5-fpm # make install choose : CLI SUHOSIN PATHINFO ..... 4. Configuring update /etc/rc.conf Add these lines : nginx_enable="YES" php_fpm_enable="YES" save. edit /usr/local/etc/nginx/nginx.conf Find this lines in nginx.conf and adjust : root /usr/local/www/nginx; location / ... http://sixhead.com/2008/12/20/step-by-step-install-engine-x-nginx-and-php-fpm-in-freebsd/ SiXhEaD Template - PHP5 Template Engine for Programmer & Designer (WYSIWYG) ได้ฤกษ์แจก source แล้ว (BSD License) ง่ายๆ สั้นๆ คือใช้ได้ฟรีทุกกรณี แต่ต้องติด copyright ด้านบน script ไว้ เป็น Class Template Engine สำหรับ PHP ออกแบบมาเพื่อให้ Designer และ Programmer ทำงานร่วมกันได้อย่างสะดวกและรวดเร็วต่อการแก้ไข สามารถทำงานพร้อมๆ กันไปได้ โดยไม่มีปัญหา ยกตัวอย่าง - Designer ใช้ Css, Dreamweaver หรือ Frontpage ก็จะมองเห็นแบบนั้นเลย - Programmer เขียน .php แยกออกมาต่างหากแทบไม่ต้องยุ่งกับไฟล์ .html แค่นำตัวแปรไปวางไว้ในตำแหน่งที่ต้องการ ใน version แรกๆ พัฒนาต่อมาจาก ... http://sixhead.com/2008/12/02/sixhead-template-php5-template-engine-for-programmer-and-designer/ $ sudo dpkg-reconfigure -phigh xserver-xorg http://sixhead.com/2008/11/06/reconfig-xserver/ Download the correct VirtualBox .deb package for your CPU from: http://www.virtualbox.org/wiki/Downloads sudo dpkg -i virtualbox-2.0_2.0.2-36488_Ubuntu_hardy_xxxx.deb # Install the package (change the version to suit your needs) sudo groupadd vboxusers # Add the "vboxusers" group (seems to be already created by the current (>1.6.2) virtualbox install process) sudo usermod -G vboxusers ... http://sixhead.com/2008/10/29/install-virtualbox-2x-16x-with-usb-support-in-ubuntu-804-810/ Share folder from Ubuntu Install Samba {smartads} $ sudo apt-get install samba Edit config $ sudo nano /etc/samba/smb.conf Replace with this simple config. Don't forget to create your share directory. [global] workgroup = YOUR_WORK_GROUP netbios name = YOUR_COMPUTER_NAME security = SHARE auth methods = guest domain master = No wins support = Yes [Sharing] comment=My Ubuntu path = /home/your_home_directory/Sharing read only = No guest ok = Yes save, exit ... http://sixhead.com/2008/10/16/share-folder-between-ubuntu-xp-vista-with-samba/ ปกติทำเวปหรือเขียน blog ที่ต้องส่ง link ให้คนอื่นมาดาวน์โหลดนั้น ถือเป็นเรื่องปกติอยู่แล้ว แทนที่จะปล่อยไว้เฉยๆ มาทำเงินจาก link พวกนี้ดีกว่า ผมได้เงินมาแล้ว 5 ครั้งจ่ายด้วย PayPal ครับ ถ้าคนไม่รู้จัก PayPal ก็คือเวปที่ทำหน้าที่รับ-จ่ายเงินแบบ online ที่ได้รับความนิยมอันดับต้นๆ ของโลกเลยทีเดียว เราสามารถกดเบิกเงินเป็น cheque หรือเข้าธนาคารในไทยได้เลย (แต่ค่าทำเนียมเยอะเหมือนกัน เนื้อหาด้านล่างจะบอกวิธีเสียค่าธรรมเนียมที่ถูกและได้เงินเร็วขึ้น) หลักฐานการได้รับเงิน (update 9 ธันวาคม 2551) หลักการทำงานของ linkbucks.com คือ 1. แสดงหน้าโฆษณาก่อนจะไปหน้าของเรา (ประมาณ 12 วินาที) Intermission 3500 view = $1 Top banner 5500 view = $1 2. และถ้าเราแนะนำเพื่อนให้สมัครต่อจากเราก็จะได้ % ตามลำดับขึ้นแบบนี้ ในรูปเป็นลำดับชั้นที่ผมได้แนะนำไป ถ้าสนใจ สมัครได้ที่ link นี้เลย เพิ่มเติม ขาย PayPal เป็นเงินบาทได้ภายในไม่ถึงชม. โดยมีค่าใช้จ่ายเล็กน้อยได้ที่นี่ ((( ซื้อ-ขาย-แลกเปลี่ยน ... http://sixhead.com/2008/10/16/make-money-with-linkbucks/ $ sudo gedit ~/.config/user-dirs.dirs http://sixhead.com/2008/10/15/change-desktop-folder-in-gnome/ $ sudo gedit ~/.gtk-bookmarks http://sixhead.com/2008/10/15/remove-partition-from-places-menu/ 1. Edit file /etc/fstab linprocfs /compat/linux/proc linprocfs rw 0 0 2. as root run: kldload linprocfs 3.after this run: mount /compat/linux/proc http://sixhead.com/2008/10/15/unable-to-determine-cpu-frequency/ มี code PHP ที่เขียนใหม่ กับ code ที่ backup เอาไว้ นึกไม่ออกว่าแก้ไขบรรทัดไหนหรืออะไรไปบ้าง หรืออยากจะเทียบ text ไฟล์เก่ากับไฟล์ใหม่ที่ได้จากลูกค้าว่าแก้บรรทัดไหนไปบ้าง รวมถึงมี folder อยู่ 2 folder แต่ไม่รู้ว่าอันไหนใหม่กว่ากันก็ใช้ WinMerge นี่แหล่ะช่วยได้ ไม่ต้องมานั่งไล่ด้วยตาเปล่า ซึ่งสามารถพลาดได้ง่ายๆอีกด้วย ลองเล่นกันเลย หลังจากลงเสร็จแล้วลองเทียบไฟล์เก่า+ไฟล์ใหม่กันเลย โดย click เลือกทั้ง 2 ไฟล์แล้ว click ขวาเลือก WinMerge หรือจะเลือกไฟล์แรกก่อน แล้วเลือก WinMerge ไป browse หาไฟล์ที่ 2 ก็ยังได้ เมื่อเปิดมาแล้วโปรแกรมจะ highlight ให้เลยว่ามีบรรทัดไหนเพิ่มมา หรือหายไป อันนี้เป็นตัวอย่างการเทียบ folder 2 folder WinMerge จะแสดงออกมาให้เลยว่าไฟล์ไหนขนาดไฟล์ไม่เท่ากัน และไฟล์ไหนใหม่กว่ากัน (มีการแก้ไขนั่นเอง) มีประโยชน์หลายอย่างมากครับ เอาไปประยุกต์กันดู download ... http://sixhead.com/2008/10/13/winmerge/