ปลาทูสมต้มยำ

ปิด Hover ของ Eclipse

2009-01-21T10:34:00.001+07:00

อันนี้สำหรับคนใช้ Eclipse นะครับ

ท่านเคยรำคาญกับคำแนะนำที่ขึ้นมา เมื่อเอาเมาส์ไปชี้ที่โค้ด บ้างมั้ยครับ อย่างตัวอย่างด้านล่าง

ถ้ารำคาญละก้อ ท่านปิดมันได้ โดยไปที่ Windows>Preferences>General>Editor>Structure Text Editor

แล้วติ๊ก เครื่องหมายถูก นั้นออกซะ เท่านี้แหละ ตัวกวนใจ(สำหรับบางท่าน รวมทั้งผม) ก็จะไม่โผล่มาให้เจออีก

ลบ li ที่ข้างในมี img ของรูปที่ไม่ต้องการ ด้วย jquery

2009-01-07T15:05:00.001+07:00

$("#image-list >li").remove(":has(img[@src $='"+response.msg+"'])");

ลบรายการในลิสต์บ้อกทั้งหมด ยกเว้น ลิสต์อันแรก ด้วย jQuery

2009-01-06T16:03:00.001+07:00

$("#car_generation_id > option:not(:eq(0))").remove();

สั้นๆ ง่ายๆ ได้ใจความ ไว้อ่านเอง

การลดปุ่มบางปุ่มของ TinyMCE

2008-09-26T16:15:00.001+07:00

หน้าตาเต็มๆของ TinyMCE จะเป็นอย่างนี้

TinyMCE full button :

tinyMCE.init({
    mode : "exact",
    elements : "ajaxfilemanager",
    theme : "advanced",
    plugins : "table,advhr,advimage,advlink,flash,paste,fullscreen,noneditable,contextmenu",
    theme_advanced_buttons1_add_before : "newdocument,separator",
    theme_advanced_buttons1_add : "fontselect,fontsizeselect",
    theme_advanced_buttons2_add : "separator,forecolor,backcolor,liststyle",
    theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,",
    theme_advanced_buttons3_add_before : "tablecontrols,separator",
    theme_advanced_buttons3_add : "flash,advhr,separator,fullscreen",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    extended_valid_elements : "hr[class|width|size|noshade]",
    file_browser_callback : "ajaxfilemanager",
    paste_use_dialog : false,
    theme_advanced_resizing : true,
    theme_advanced_resize_horizontal : true,
    apply_source_formatting : true,
    force_br_newlines : true,
    force_p_newlines : false,
    relative_urls : true
});

จะเห็นว่าปุ่มเยอะแยะไปหมด ซึ่งในบางทีมันไม่ค่อยจะเหมาะเลยกับ ยูสเซ่อร์ บางคน จะใช้โหมด simple ปุ่มมันก็น้อยเสียเหลือเกิน มาปรับเอาปุ่มบางตัวที่ไม่ต้องการออกกันดีกว่า

TinyMCE remove some button :

tinyMCE.init({
    mode : "exact",
    elements : "message_detail",
    theme : "advanced",
    theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator," ,
    theme_advanced_toolbar_location : "top",
    theme_advanced_disable : "fontselect ,styleselect ,formatselect ,cleanup , image ,anchor ,link ,unlink ,charmap,code ,visualaid ,help"

});

ตัวการสำคัญ อยู่ที่คำสั่ง theme_advanced_disable อยากลดปุ่มไหน ก็ใส่ๆๆ เข้าไป

ทีนี้จะรู้ได้ไงว่าปุ่มไหนเป็นปุ่มไหน! นี่คือชื่อปุ่มทั้งหมด

อ้างอิง: http://wiki.moxiecode.com/index.php/TinyMCE:Control_reference

ลองอ่านชื่อแล้วเดาเอาครับว่าน่าจะเป็นปุ่มไหน ถ้าหากไม่ทราบจริงๆ ก็แนะนำให้ทดลองไปทีละชื่อ แล้วสังเกตุว่าปุ่มไหนหายไป

คุณต้องเลือกอย่างน้อย 1 ตัว ด้วย jQuery

2008-09-25T22:52:00.001+07:00

ความต้องการของเหตุการณ์ครั้งนี้มีอยุ่ว่า ทำระบบลงทะเบียนรับข่าวสาร และมีตัวเลือกให้เขาเลือกว่าจะรับข่าวสาร อะไร แบ่งเป็นหมวดๆ หรือจะเลือกรับมากกว่า 1 หมวด ได้

การเขียน jQuery เช็กจะเป็นดังนี้

jQuery :

if( !(jQuery("input[type='checkbox']:checked").val() == 1) ){
    message += "กรุณาเลือกหัวข้อข้อมูลข่าวสาร ที่คุณต้องการได้รับข่าวสาร อย่างน้อย 1 ตัวเลือก\n";
    alert( message );
    return false;
}

html :

<label for="subscribe_calendar">ปฏิทินกิจกรรม</label>
<input name="subscribe_sugguest_serv" type="checkbox" id="subscribe_sugguest_serv" value="1" />
<label for="subscribe_sugguest_serv">แนะนำบริการ</label>
<input name="subscribe_policy" type="checkbox" id="subscribe_policy" value="1" />
<label for="subscribe_policy">นโยบายและแผนที่เกี่ยวข้อง</label>
<input name="subscribe_law" type="checkbox" id="subscribe_law" value="1" />

การตรวจดูว่า checkbox เป้าหมาย ถูก checked หรือไม่ ด้วย jquery

2008-09-24T13:26:00.001+07:00

ของบางอย่างสำหรับบางคน ดูว่าง่าย ของบางอย่างสำหรับบางคนดูว่ายาก ของบางอย่างสำหรับบางคน หากันเป็นวัน กว่าจะได้ เมื่อได้มาแล้ว ก็เก็บไว้ดูเองสักหน่อย

คือความต้องการ มีอยู่ว่า อยากรู้ว่า checkbox ตัวหนึ่งที่เราเตรียมไว้ ถูก user ติ๊กเลือกหรือเปล่า ถ้าติ๊กเลือกจะได้ให้เขาป้อน ข้อมูลใน textbox ที่เตรียมไว้ด้วย ถ้าไม่ติ๊กเลือกก็แล้วไป

jquery :

if ( $( "#administrator_recieve_daily:checked" ).val() == 1 ) {

    //+ ตรวจสอบอีเมล์ว่าถูกต้องหรือไม่
    if( !isValidEmail( $( "#administrator_email" ).val() ) ){
        message += "ป้อนข้อมูลในช่อง อีเมล์ ให้ถูกต้อง\n" ;
        alert( message ) ;
        $("#administrator_email").focus() ;
        return false ;
    }

}

html:

<input name="administrator_recieve_daily" type="checkbox" id="administrator_recieve_daily" value="1" />

<label for="administrator_recieve_daily">รับ daily ใหม่ทางอีเมล์</label>

<input name="administrator_email" type="text" id="administrator_email" size="32" maxlength="60" />

<label for="administrator_email">อีเมล์</label>

แหล่งข้อมูลอ้างอิง : http://drupal.org/node/116548

ใช้ jquery จัดการ listbox

2008-09-19T15:32:00.001+07:00

html :

<form id="myform" name="myform" method="post" action="">
<select name="list" size="3">
<option value="1" selected="selected">Alpha</option>
<option value="2">Beta</option>
<option value="3">Delta</option>
</select>
</form>

jquery :

$(document).ready(function() {
$("#myform select[@name='list'] option[@selected='selected']").removeAttr("selected");//remove any selected items
$("#myform select[@name='list'] option[@value='2']").attr("selected","selected");//select beta
$("#myform select[@name='list'] option").removeAttr("selected");//remove any selected items (alternative method)
$("#myform select[@name='list'] option:eq(3)").attr("selected","selected");//select delta (it finds the third child)
});

รูปแบบการเขียนจะเป็นอย่างนี้ กว่าจะหาเจอจากเว็บต่างประเทศ ปาเข้าไป 1 วันเต็ม

error when Install firefox extension

2008-09-08T00:00:00.000+07:00

ข้อความ error เป็นดังนี้

Firefox could not install the file at

...

because: Unexpected installation error

Review the Error Console log for more details.

-203

เออเร่อนี้จะทำให้ไม่สามารถติดตั้ง extionsion firefox ได้ วิธีแก้ ให้ทำดังนี้

ปิด firefox ก่อน ถ้าเปิดอยู่

Your-account-name

เปิด firefox ขึ้นมาแล้วลองติดตั้ง extension ใหม่ดู ถ้าทุกอย่างทำถูกต้อง น่าจะติดตั้งได้ผ่านฉลุย

thanks:

http://ffextensionguru.wordpress.com/2008/08/20/tip-unexpected-installation-error-203-add-ons/

การติดตั้ง eclipse เพื่อใช้เขียน PHP

2008-09-01T10:28:00.000+07:00

eclipse เป็นฟรีทูลตัวหนึ่ง ที่ได้รับยกย่องว่า ดีมากๆ อันนี้ไม่ได้พูดเอง เอาคำพูดของเทพมาพูด อันที่จริงผมได้ยินชื่อ eclipse มานานแล้วล่ะ ว่าจะลองเล่นมันสักที แต่พอเข้าไปในเว็บ www.eclipse.org ไม่รู้จะโหลดตัวไหนดี มันเยอะไปหมด

มาไม่กี่วันนี่ได้ข่าว มีการออกตัว PDT ( PHP Development Tools ) ซึ่งมันก็คือ eclipse ที่ถูกทำมาเพื่อเขียน PHP โดยเฉพาะ ก็เลยดาวน์โหลด มาลองใช้งานดู พอรันดันทะลึ่ง Error อีก เฮ่อ... ชีวิตช่างลำบาก หลังจากหาสาเหตุจนรันได้ ปรากฏว่า เปิดไฟล์ .php แล้วคอมเม้นท์ที่เขียนด้วยภาษาไทย ดันเป็นตัวยุกยิกๆ อีก พระเจ้า... หลังจาก search และอ่าน อีกพัก ทุกอย่างก็ใช้งานได้ราบรื่น

เลยมาเขียนระบายไว้หน่อย ถ้าหากไม่อยากให้ชีวิตลำบาก ก็ทำตามขั้นตอนนี้

ติดตั้ง java runtime (JRE 5.0) ** เพราะ eclipse ต้องการ
ดาวน์โหลด PDT ** eclipse ถูกรวมไว้ในนี้เรียบร้อย
เซ็ตให้อ่านภาษาไทยได้ ** สำหรับพวกที่เขียน utf-8

ติดตั้ง java runtime (JRE 5.0)

ไปที่ http://java.sun.com/javase/downloads/index_jdk5.jsp
หาคำว่า Java Runtime Environment (JRE) 5.0 Update 16 แล้วคลิกปุ่ม download
กำหนดรายละเอียดต่างๆ แล้วก็คลิกปุ่ม Continue
คลิกดาวน์โหลดตัว Windows Offline Installation
หลังจากดาวน์โหลดมาเรียบร้อยแล้ว ก็ติดตั้งซะนะครับ

ดาวน์โหลด PDT

ไปที่ลิ้งก์ http://www.eclipse.org/downloads/download.php?file=/tools/pdt/downloads/drops/R20080603/all-in-one/pdt-all-in-one-R20080603-win32.zip
มองหา Download from: [Thailand] Thai National Mirror (http) แล้วก็คลิกเลยครับ
หลังจากดาวน์โหลดมาเรียบร้อยแล้ว ก็ให้แตกซิปออกมานะครับ ข้างในจะเป็นโปรแกรมที่พร้อมใช้งาน โดยไม่ต้อง Install อีก เพราะมันรันด้วย java runtime ตัวที่เราโหลดมาติดตั้ง ในขั้นตอนแรก

เซ็ตให้อ่านภาษาไทยได้

เปิด PDT ขึ้นมา โดยดับเบิลคลิกที่ eclipse
ไปที่เมนู Window>Preferences...
ไปที่ General>Appearance>Color and Fonts>Structured Text Editors>Structured Text Editors Text Font คลิกปุ่ม Change เลือกฟ้อนต์ แล้ว OK
ไปที่ General>Content Types>Text>PHP Content Type ป้อนคำว่า utf-8 เข้าไปในช่อง Default encoding ถ้าท่านใช้ tis-620 หรือ window-874 ก็ป้อนเข้าไป กดปุ่ม Update แล้วตามด้วยปุ่ม OK

เพียงเท่านี้ทุกอย่างก็พร้อมใช้งาน ส่วนจะใช้งานยังไงนั้น เอ่อ... ตัวใครตัวมันสัมปะหลัง ครับ

เมื่อท่านไม่ต้องการให้เกิด autocomplete ใน textbox

2008-08-25T04:00:00.000+07:00

ดูรูปก่อนละกัน ว่า autocomplete ที่ผมหมายถึงนี่คืออะไร

เมื่อคุณ พิมพ์ตัวอักษรลงไปในช่องป้อนข้อมูล เบราเซอร์ก็จะแสดง คำที่เคยพิมพ์ เพื่อให้สะดวก จะได้ไม่ต้องพิมพ์มาก แต่ในบางครั้งเราก็มีความจำเป็น ที่ไม่อยากให้เบราเซอร์มันแสดง autocomplete ขึ้นมา

อย่างครั้งหนึ่ง ผมเขียน autocomplete ajax พอใช้งานจริง ajax ก็แสดง autocomplete เบราเซอร์ก็แสดง แย่งกันแสดง ทับกันมั่วเลย

แล้วก็มาถึงเรื่องที่จะบอก วิธีการปิดไม่ให้เบราเซอร์แสดง autocomplete

<input name="administrator_username" type="text" class="username" id="administrator_username" value="" size="20" maxlength="10" autocomplete="off" />

ใส่ autocomplete="off" เข้าไปใน textbox นะครับ แล้วเบราเซอร์มันจะไม่แสดง autocomplete

Install xpi การติดตั้ง extension ของ firefox

2008-08-18T10:43:00.002+07:00

วันนี้มีเหตุจำเป็นต้องติดตั้ง extension ของ firefox ที่ทำงาน และคิดว่าจะนำไปติดตั้ง ที่บ้านด้วย ดาวน์โหลดไฟล์มา ได้นามสกุล .xpi มา เหตุการณ์ไม่คาดฝัน เกิดขึ้นตอนนี้แหละครับ !!! ติดตั้งไม่เป็น ดับเบิลคลิกที่ไฟล์ มันก็ไม่ติดตั้งอัตโนมัติ เอาแล้วไง ปกติที่ทำๆมา คือดาวน์โหลดด้วยไฟฟ้อกแล้วก็ติดตั้งเลย

อาศัย google ละครับทีนี้ แล้วก็เจอวิธีการ ที่นี่ http://webtoolsandtips.com/firefox-addon/install-xpi-firefox-addons/

อ่านดูแล้วก็พอคลำๆ ได้ว่า

วิธีการติดตั้ง extension firefox นั้นมี 3 วิธี

1.เปิด firefox ขึ้นมา แล้วไปที่เมนู file>Open file... แล้วก็หาไฟล์ .xpi ที่ดาวน์โหลดมา ดับเบิลคลิกไฟล์ที่ต้องการ firefox ก็จะเปิดหน้าต่างติดตั้ง extension ให้

2.เปิด firefox ขึ้นมา ไปที่เมนู Tools>Add-ons แล้วก็ใช้เมาส์ลาก extension ที่ต้องการมาวางในหน้าต่าง Add-ons

3.เปิด firefox ขึ้นมา แล้วพิมพ์คำว่า about:config เข้าไปใน address bar กด enter

ถ้าคุณเจอหน้านี้ ให้กดปุ่ม I'll be careful, I promise! นะครับ

หาคำว่า extensions.hideInstallButton เปลี่ยนค่าให้เป็น false โดยการดับเบิลคลิก หลังจากนั้นไปที่เมนู Tools>Add-ons>Extension จะมีปุ่ม Install... เพิ่มขึ้นมา คลิกที่ปุ่ม Install... นั้นแหละครับ แล้วเลือกไฟล์ .xpi ที่ต้องการ

Thanks:

http://webtoolsandtips.com/firefox-addon/install-xpi-firefox-addons/

CAPTCHA

2008-08-16T12:57:00.001+07:00

CAPTCHA ย่อมาจาก "Completely Automated Public Turing test to tell Computers and Humans Apart" (การทดสอบของทัวริงสาธารณะแบบอัตโนมัติเพื่อแยกแยะว่าเป็นคอมพิวเตอร์กับมนุษย์อย่างสมบูรณ์)

ที่มา: http://th.wikipedia.org/wiki/Captcha

เดี๋ยวนี้เวลาท่านจะแสดงความคิดเห็นตามเว็บไซต์ต่างๆ หรือจะล้อกอินเข้าสู่ระบบของเว็บไซต์ ท่านมักจะเจอ ภาพที่มีตัวหนังสือ เอียงๆ งอๆ อ่านย้ากยาก

เคยนึกด่าในใจ มันจะทำมาทำไม๊ บางทีต้องตะแคงคอดู จึงรู้ว่าเป็นตัวอักษร อะไร

ตัวหนังสือหยิกๆงอๆ และเป็นภาพซะด้วย ที่กล่าวถึงตอนนี้ มีชื่อเรียกอย่างเป็นทางการว่า CAPTCHA เขาทำมาเพื่อป้องกันโปรแกรมที่ตอบกระทู้อัตโนมัติ ล้อกอินอัตโนมัติ ลงทะเบียนอัตโนมัติ หรืออย่างอื่นๆ ที่เป็นอัตโนมัติ อันจะก่อความเสียหายให้เกิดแก่เว็บไซต์ ภาพนี้ถ้าไม่ใช่คน คงอ่านไม่ออกล่ะครับ ว่าเป็นตัวอะไร และคงป้อนตัวอักษรลงไปในช่องที่เตรียมไว้ ไม่ได้ ขนาดคนเอง บางครั้งยังเป็นงง มันตัวไรหว่า !!!

ข้อมูลเพิ่มเติม :

http://www.arip.co.th/2006/news.php?id=406545

http://th.wikipedia.org/wiki/Captcha

Dreamweaver กับ คนพิการ (Accessibility)

2008-08-09T16:46:00.002+07:00

วันนี้ได้ท่องไปตามเว็บต่างๆ และได้ไปอ่านกระทู้ http://thaiweb.ning.com/forum/topic/show?id=1555472%3ATopic%3A815

ว่าจะโพสต์แสดงความคิดเห็นต่อกรณีนี้ แต่ว่ามันต้องสมัครสมาชิก เลยขี้เกียจ เพราะคิดว่าคงไม่ได้เข้าไปบ่อย แต่ใจมันก็อยากจะพูดกรณีนี้มาก เลยเอาเป็นว่า กลับมาพูดในที่ของเราดีกว่า ปล. ไว้นิดหนึ่งว่า ผมไม่เห็นด้วยกับกรณีต้องเป็นสมาชิก ถึงจะแสดงความคิดเห็นได้ เนี่ย เปิดอิสระเถอะครับ เผื่อบางท่านที่อยากจะแสดงทรรศนะ แต่ไม่อยากให้ชื่อรกฐานข้อมูลท่าน จะได้มีโอกาส ถ้าหากจะมีพวกไร้สาระมาโพสต์ด่าแม่ไว้บ้าง ก็ค่อยลบกันไป

ไปไกลแระๆ.. กลับมาเข้าเรื่องดีกว่า

เมื่อท่านเพิ่มรูปภาพ ท่านจะเห็น Dialog นี้

เมื่อท่านเพิ่ม Flash ท่านจะเห็น Dialog นี้

เมื่อท่านเพิ่ม Element เกี่ยวกับการป้อนข้อมูล เช่น textbox radio ท่านจะเห็น Dialog นี้

ถ้าท่านสังเกตุที่บาร์ของ Dialog ท่านจะเห็นคำหนึ่ง Accessibility สิ่งที่เขาเตรียมช่องมาให้เราป้อน คือ สิ่งที่จำเป็นอย่างยิ่ง สำหรับคนพิการ อย่าง Attribute alt ของแท็ก img ถ้าในสายตาของเรา มันจะเป็นแค่เพียง "ทูลทิปเท็กเล็กๆ ที่จะปรากฏเมื่อเอาเมาส์ไปชี้" เราคิดว่ามันเป็นแค่นี้จริงๆ เลยไม่ค่อยจะสนใจ คิดไปว่า คงไม่มีใครทึ่งละม้างงงง... เมื่อเอาเมาส์ชี้ภาพแล้วมีคำพูด บางคนถึงกับเขียนไปใน alt ว่า "เอาเมาส์ชี้ไมฟะ!!!"

แต่เมื่อ alt ไปปรากฏที่เครื่อง screen reader ของคนตาบอดแล้ว มันคือทุกสิ่งทุกอย่าง ของภาพๆนั้น มันคือ สิ่งที่จะอธิบาย รายละเอียดเกี่ยวกับภาพนั้นๆ เพราะคนตาบอดมองไม่เห็น ได้แต่ฟังอย่างเดียว และเป็นข้อกำหนดเลยว่า เครื่อง screen reader จะอ่านคำอธิบายภาพ จาก alt

บทความต่อไปผมจะมาอธิบายลงลึกในเรื่องนี้กันอีกที เรื่องมันยาว... วันนี้เอาน้ำจิ้มเสิร์ฟไปก่อน

มนุษย์ทุกผู้ทุกนาม ย่อมมีสิทธิ์เท่าเทียมกัน

syntax error, unexpected '}'

2008-08-05T10:23:00.002+07:00

Parse error: syntax error, unexpected '}' in /var/www/vhosts/phithan.com/httpdocs/new-sales-activity/admin_activity_report_exel.php on line 127

เหตุนี้จะเกิดกับ syntax ที่ต้องใช้ {} เช่น for , while เป็นต้น และ เกิดได้ 2 กรณี คือ ลืมเปิดแต่ปิด กับ ลืมปิดแต่เปิด

ตัวอย่าง ลืมเปิดแต่ปิด

<?php

while( $row_rs_activity = mysql_fetch_assoc($rs_activity) )
array_push( $arr_date , $row_rs_activity['activity_day'] );
}

?>

ตัวอย่าง ลืมปิดแต่เปิด

<?php

while( $row_rs_activity = mysql_fetch_assoc($rs_activity) ){
array_push( $arr_date , $row_rs_activity['activity_day'] );

?>

เวลาปีกกา มันซ้อนกันเยอะๆ เป็นไปได้อย่างยิ่งที่เราจะลืม เปิดหรือลืมปิด เวลาเกิด error อย่างนี้ ส่วนใหญ่แล้วเราจะมองหาแต่ว่า เราลืมปิดปีกกา ตรงไหนบ้าง ผมจึงชี้ให้เห็นว่า มันเป็นได้ทั้งเปิดและปิด ฉะนั้น วันหลังถ้าเกิดเออเร่อแบบนี้ ท่านมั่นใจว่าท่านปิดปีกกาหมดแล้ว ก็ลองหาดูว่า ท่านเปิดปีกกา ถูกต้องหรือเปล่า

การลบข้อมูลหลายแถว ด้วย checkbox

2008-08-05T09:27:00.002+07:00

หลายท่านคงคุ้นหน้าคุ้นตา กับการเลือกข้อมูลหลายแถว แล้วลบในคราวเดียว ดังรูปด้านล่าง และคิดว่าหลายท่านคงเคยคิดจะทำ แต่ไม่รู้จะทำยังไง ตั้งชื่อ checkbox โดยการ เอา PK จากฐานข้อมูลมาเป็นชื่อ ก็ไม่ได้ เพราะส่วนมากเป็นตัวเลข ผิดกฏการตั้งชื่อ หรือจะตั้งเป็น D_ แล้วตามด้วย PK

เอ่อ... ชีวิตก็ลำบาก

สมัยผมเขียนโปรแกรมใหม่ๆ คิดกันปวดหัวเหมือนกัน เอาล่ะ ... มาดูกัน

หลักการนั้นง่ายมากครับ ตั้งชื่อ checkbox ให้เป็น array เช่น admin_id[] , branch_id[] เป็นต้น value ของ checkbox ก็เก็บ PK ของตารางในฐานข้อมูล ที่เราจะลบ

เมื่อ submit ข้อมูลไปแล้ว ในหน้าที่เราใช้ทำงานลบข้อมูล ก็ให้ loop เอาทีละ checkbox ออกมา แล้วก็ลบข้อมูลตาม ค่าที่ได้มา

ถ้างง ดูต่อ... ภาพรวม

โค้ดไฟล์ email.php

โค้ดไฟล์ delete.php

ปัญหาแฟลชมันไปทับชาวบ้าน

2008-07-31T11:59:00.002+07:00

เคยมีสักครั้งมั้ยที่ท่าน เพิ่มแฟลชเข้าไปในหน้าเพจ แล้วแฟลชดันทะลึ่งไปทับ ตัวอักษรของเรา ทีนี้เราต้องการจะให้ ตัวอักษรลอย อยู่เหนือเฟลช หรือจะพูดอีกนัยหนึ่งว่า ให้แฟลชมันอยู่หลังชาวบ้านชาวช่องเขา จะทำไง?

แค่เซตค่า parameter ครับพ่อแม่พี่น้อง พูดมากลำบากปากเปล่าๆ ดูตัวอย่างครับ ฟันธง...

แจ้งเปลี่ยนสถานที่เขียนบทความ

2007-12-15T07:50:00.001+07:00

อยากแจ้งให้ผู้ที่ได้เข้ามาอ่านบทความของผมได้ทราบทั่วกัน โดยเฉพาะท่านสมาชิกจากเว็บไซต์ พันธิพ ขณะนี้ผมได้ซื้อโฮสต์เป็นของตัวเอง และได้ทำการเขียนบทความที่นั่น ท่านที่ติดตามผลงานของผม สามารถเข้าไปอ่านบทความได้ที่

http://www.select2web.com

จึงแจ้งมาเพื่อทราบ
ปลาทูสมต้มยำ

ถ้าต้องการรวม Array 2 ตัวเข้าด้วยกัน ทำอย่างไร

2007-11-27T08:53:00.001+07:00

ถ้าต้องการรวม Array 2 ตัวเข้าด้วยกัน ทำอย่างไร

array_merge -- ใช้สำหรับรวม Array ตั้งแต่ 1 ตัวขึ้นไป เข้าด้วยกัน และจะคืนค่ากลับมาเป็น Array โดยการทำงานของฟังก์ชั่นนี้ จะนำเอา Array ตัวที่ 2 ต่อท้าย Array ตัวที่หนึ่ง

ยกเว้น ในกรณีที่ Array ตัวที่ 1 และ Array ตัวที่ 2 มีคีย์ที่เหมือนกัน ฟังก์ชั่นนี้ จะเอาค่าใน Array ตัวที่ 2 ไปแทนที่ Array ตัวที่ 1 พูดง่ายๆ ถ้าคีย์เหมือนกันใน ในทั้ง 2 Array ผลลัพธ์ จะเหลือแค่ ค่าเดียวและเป็นค่าจาก Array ตัวที่ 2 ด้วย

ยกเว้น ( อีกแล้ว ) Array ที่มีคีย์เป็นตัวเลข จะไม่ถูกแทนที่ แต่จะนำเอาไปต่อท้ายรวมกันเสมอ และข้อควรจำอย่างหนึ่งคือ เลขดัชนีจะถูก Reindex ใหม่

ดูตัวอย่าง คีย์เหมือนกัน ในทั้ง 2 Array

<?php
$array1 = array("color" => "red" );
$array2 = array("color" => "green");
$result = array_merge($array1, $array2);
print_r($result);
?>

ผลลัพธ์ที่ได้

Array
(
[color] => green
)

ดูตัวอย่าง คีย์เป็นตัวเลข จะไม่มีการแทนที่ แต่จะต่อท้ายรวมกันเสมอ

<?php
$array1 = array( 2, 4 );
$array2 = array( 4 );
$result = array_merge($array1, $array2);
print_r($result);
?>

ผลลัพธ์ที่ได้

Array
(
[0] => 2
[1] => 4
[2] => 4
)

นอกจากนี้แล้ว เรายังสามารถนำฟังก์ชั่นนี้ไปประยุกต์ใช้ Reindex ให้กับ Array

<?php
$array1 = array();
$array2 = array(1 => "data");
$result = array_merge($array1, $array2);
?>

ผลลัพธ์ที่ได้

Array
(
[0] => data
)

ทางเจ้าของภาษา PHP บอกว่า ถ้าคุณต้องการรักษาเลขดัชนี ของ Array ไว้เหมือนเดิม ในการรวม Array 2 ตัวเข้าด้วยกัน ให้ใช้ + แทน

ตัวอย่าง

$result = $array1 + $array2 ;

การใช้งาน ฟังก์ชั่น substr

2007-11-26T08:47:00.001+07:00

การใช้งาน ฟังก์ชั่น substr

ฟังก์ชั่น substr เป็นฟังก์ชั่นที่ใช้สำหรับตัดสตริงออกจากสตริง ตามจำนวนที่ต้องการ ซึ่งการใช้งานนั้นค่อนข้างหลากหลาย และอีกอย่างที่จะต้องจำก็คือ สตริงจะเริ่มนับจาก 0

ไวยากรณ์ :

string substr ( string string, int start [, int length] )

การใช้งาน

substr('abcdef', 2); //เริ่มตัดตั้งแต่ นับจากหัวเข้ามาดัชนีที่ 2 จนถึงตัวสุดท้าย // cdef

substr('abcdef', -2); //เริ่มตัดตั้งแต่ ตัวสุดท้าย เข้ามา 2 ตัว // ef

substr('abcdef', 2 , 2 ); //เริ่มตัดตั้งแต่ นับจากหัวเข้ามาดัชนีที่ 2 เป็นจำนวน 2 ตัว // cd

substr('abcdef', -2 , 2 ); //เริ่มตัดตั้งแต่ นับจากท้ายเข้ามา 2 ตัว เป็นจำนวน 2 ตัว // de

substr('abcdef', 2 , -2 ); //เริ่มตัดตั้งแต่ นับจากหัวเข้ามาดัชนีที่ 2 ตัดท้ายทิ้ง 2 ตัว // cd

substr('abcdef', -3 , -2 ); //เริ่มตัดตั้งแต่ นับจากท้ายเข้ามา 3 ตัว ตัดท้ายทิ้ง 2 ตัว // d

การใช้งาน syntaxhighlighter 1.1.5

2007-11-24T12:07:00.001+07:00

วันก่อนไปเจอในบล็อกของใครแล้วก็ไม่รู้ เขาแสดงโค้ด php บนหน้าเว็บด้วยความสวยงาม หันมาดูของเรา ทำม้ายทำไม มันถึงไม่มีสีสันอย่างเขาบ้าง ด้วยความที่เห็นคนอื่นมี ตัวเองก็อยากมีบ้าง เลยใช้บริการเฮียกู ค้นหา และแล้วพรหมลิขิต บันดาล ชักพา ให้ไปเจอกับโค้ดตัวหนึ่งที่เขาเขียนไว้แจกฟรี นามกรว่า SyntaxHighlighter1.1.5

ตัวอย่าง

SELECT * FROM tbl_members WHERE member_id = 1

เว็บเขา

http://code.google.com/p/syntaxhighlighter/

หลังจากที่งมหอยโข่งอยู่ 2 วัน ก็เป็นผลสำเร็จ วันแรกก้อปคำแนะนำที่เว็บเขามาลอง มันดันไม่ได้อ่ะ ว่าจะเลิกใช้แล้ว หันไปหาตัวอื่น แต่ด้วยความที่ว่า ถ้ามันใช้ไม่ได้จริง มันก็ต้องมีคนด่าบ้างแหละ แต่ก็ไม่ปรากฏว่าใครด่า คนบ่น แสดงว่ามันต้องใช้ได้ แล้วทำไมเราใช้ไม่ได้ อ่า... เป็นคำตอบที่ต้องค้นหา สิ่งที่ผมผิดมีอยู่สองอย่าง

1 include ตัวคริปต์มาไม่ถูก ก็ดันเขาแนะนำไว้อย่างไร เล่นมันตรงๆอย่างนั้นเลย

2 วางสคริปผิดตำแหน่ง ก็ในเว็บเขาไม่เห็นบอกอะไร

เอาล่ะ ค่อยชี้ให้เห็นทีหลัง ตอนนี้กล่าวถึงการใช้งานมันก่อน

หลังจากที่ดาวน์โหลดสคริปต์และแตกซิปออกมา ท่านจะได้ โฟลเดอร์ 3 โฟลเดอร์ที่บรรจุไฟล์อยู่ข้างใน ตามโครงสร้างนี้

+--Scripts
----shBrushCpp.js
----clipboard.swf
----shBrushCSharp.js
----shBrushCss.js
----shBrushDelphi.js
----shBrushJava.js
----shBrushJScript.js
----shBrushPhp.js
----shBrushPython.js
----shBrushRuby.js
----shBrushSql.js
----shBrushVb.js
----shBrushXml.js
----shCore.js
+--Styles
----SyntaxHighlighter.css
+--Uncompressed
----shBrushCpp.js
----clipboard.swf
----shBrushCSharp.js
----shBrushCss.js
----shBrushDelphi.js
----shBrushJava.js
----shBrushJScript.js
----shBrushPhp.js
----shBrushPython.js
----shBrushRuby.js
----shBrushSql.js
----shBrushVb.js
----shBrushXml.js
----shCore.js

มาถึงตรงนี้คงเกิดคำถาม ทำไมในโฟลเดอร์ Scripts กับ Uncompressed จึงมีชื่อไฟล์เหมือนกัน ก็ในโฟลเดอร์ Scripts เขาไว้ใช้งาน Uncompressed เขาไว้ให้ศึกษา เพราะมีคอมเม้นในแต่ละ js ครบครัน

เอาละถึงเวลาใช้งานจริง

1. เอาโค้ดที่ต้องการแสดงคร่อมด้วย

<pre name="code" class="c-sharp">
... some code here ...
</pre>

ข้อแนะนำ: แท็ก pre นี้ไม่ต้องใส่ id="code" เข้าไปนะ ผมลองแล้ว มันทำให้ไม่แสดงผล ส่วนตรง class ก็ให้เปลี่ยนให้ตรงกับภาษาที่ท่านจะแสดง เช่น ถ้าท่านแสดงโค้ด php ก็ให้เปลี่ยนเป็น class="php"

2. อินคลูดสิ่งที่จำเป็นเข้ามา


<link type="text/css" rel="stylesheet" href="Styles/SyntaxHighlighter.css"></link> 
<script language="javascript" src="Scripts/shCore.js"></script>
<script language="javascript" src="Scripts/shBrushPhp.js"></script>
<script language="javascript" src="Scripts/shBrushXml.js"></script>
<script language="javascript"> 
dp.SyntaxHighlighter.ClipboardSwf = '/flash/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code'); 
</script>

ข้อแนะนำ: อินคลูดไฟล์เหล่านี้ให้วางไว้หลัง </html> ตรงนี้แหละที่ผมเคยบอกด้านบนว่าใช้งานมันไม่ได้ ผมไปใส่ไว้ในแท็ก <head>

และข้อแนะนำอีกอย่างคือ ไม่ต้องสงสัยเรื่อง dp. เป็น instant ของอ็อบเจ็ก ไม่รู้ประกาศกันตั้งแต่ตอนไหน ใส่ๆ ตามที่แนะนำไปเหอะ

ทีนี้ ดูตรงนี้

ถ้าท่านต้องการแสดงภาษาอื่นที่ไม่ใช่ php เช่นต้องการแสดง sql ก็ให้ท่านอินคลูดไฟล์

เข้ามา แสดงภาษาไหนต้องอินคลูดไฟล์ไหน ก็ดูเอาจากหลังชื่อไฟล์ เขาต่อด้วยภาษาอยู่แล้ว หรือจะกันเหนียวด้วยการ อินคลูดมันมาซะให้หมด ก็ไม่ว่ากัลลล....

จบแล้ว..

เซ็งเป็ด

2007-11-22T16:12:00.001+07:00

เซ็งเป็ด

ไม่เข้าใจ คำนี้ หมายความว่าอะไร ทราบแต่ว่าอาการมันเป็นอย่างไร วันนี้เขียนโค้ดที่ต้องเกี่ยวข้องกับ session

เกิดอาการ เซ็งเป็ด

ไม่รู้เป็นอะไรของมัน เมื่อใช้คำสั่ง session_start() แล้ว หน้าเพจมันดัน ดีฟอลต์ที่ภาษาไทย ทั้งที่ในไฟล์ php เราก็เซตเป็น utf-8 ฐานข้อมูล ก็ 8 อะไรๆ ก็แปด IE มันก็ยังทะลึ่ง เลือกที่ภาษาไทยอยู่นั่น เท่านั้นยังไม่พอ หน้าที่มันแสดงออกมา ดันขาวโพลน ซะงั้น ผู้หญิงขาว พอรับได้ แต่หน้าเว็บขาว ทั้งที่มันน่าจะมีอะไรแสดงมาบ้าง นี่สิ รับไม่ได้ (ว้อย...)

พอ กดปุ่ม F5 มันก็แสดงหน้าที่เราจะให้แสดงออกมานะ แต่มันไม่ใช่ อะกิ๊ฟ มันไม่ช่าย

คิดไม่ออกว่ามันเป็นเพราะอะไร และไม่เคยเจอด้วย

ไปหาตามเว็บฝรั่ง ดูว่าคุณๆเขาเคยเจอแบบนี้บ้างป่าว ไปเจอข้อความนี้เข้า

For those encoding their pages in UTF-8 but running into problems with BOM data (Byte Order Marks) being outputted before anything else - such as $_SESSION data - but wish to use UTF-8 encoding, and who do NOT wish to use UTF-8 No BOM encoding because the latter produces weird results when using foreign language accented characters, try the following :

- Save your document with UTF-8 No BOM encoding (on a mac, using BBEdit, this is normally found on the very bottom left corner of the window). This will produce a document that will not output BOM data.
- then, in your scripts, include the following:

header('Content-Type: text/html; charset=UTF-8');

before your call to session_start()

hope that helps someone.

[ design at ericcorriel dot com ]ให้เครดิตพี่เขาหน่อย

ในประโยคทั้งหมด แปลออกอยู่ท่อนเดียว

header('Content-Type: text/html; charset=UTF-8');
before your call to session_start()

ใส่ header('Content-Type: text/html; charset=UTF-8'); ไว้ก่อนเรียก session_start()
ส่วนที่เหลืออ่านไม่ออก

เห็นว่ามันพอมีเค้า ลองดู ช๊ะช้า หายวุ้ย อาการที่เคยเป็น หาย

แต่ก็ยัง งงๆ มันเป็นอะไรของมัน

เฮ่อ เซ็งเป็ด

Error ที่ (น่าจะ) เจอบ่อย ของ PHP

2007-11-21T12:58:00.001+07:00

Error ที่ (น่าจะ) เจอบ่อย ของ PHP

Parse error: syntax error, unexpected ';' in E:\www\game\answer_right.php on line 98

ลืม ; จบประโยค ให้แก้ทีบรรทัดเหนือ 98

Parse error: syntax error, unexpected ')' in E:\www\game\play_game_3.php on line 59

พิมพ์ ) ไม่ครบ อาจจะเปิด 3 แล้วปิด แค่ 2 ให้แก้ที่บรรทัดที่ฟ้อง

Dreamweaver shortcut key คีย์ลัด Dreamweaver

2007-11-20T13:23:00.001+07:00

Dreamweaver shortcut key คีย์ลัด Dreamweaver

File
New...	Ctrl+N
Open...	Ctrl+O
Close	Ctrl+W
Close All	Ctrl+Shift+W
Save	Ctrl+S
Save As...	Ctrl+Shift+S
Edit
Undo	Ctrl+Z,Alt+BkSp
Redo	Ctrl+Y,Ctrl+Shift+Z
Cut	Ctrl+X,Shift+Del
Copy	Ctrl+C,Ctrl+Ins
Paste Special...	Ctrl+Shift+V
Select All	Ctrl+A
Find and Replace...	Ctrl+F
Show Code Hints	Ctrl+Space
Preferences...	Ctrl+U
View
Zoom In	Ctrl+=
Zoom Out	Ctrl+-
Switch Views	Ctrl+`
Rulers
Show	Ctrl+Alt+R
Grid
Show Grid	Ctrl+Alt+G
Guides
Show Guides	Ctrl+;
Lock Guides	Ctrl+Alt+;
Snap To Guides	Ctrl+Shift+;
Insert
Image	Ctrl+Alt+I
Table	Ctrl+Alt+T
Special Characters
Line Break	Shift+Return
Non-Breaking Space	Ctrl+Shift+Space
Modify
Page Properties...	Ctrl+J
Make Link...	Ctrl+L
Remove Link	Ctrl+Shift+L
Table
Select Table	Ctrl+A
Merge Cells	Ctrl+Alt+M
Split Cell...	Ctrl+Alt+S
Insert Row	Ctrl+M
Insert Column	Ctrl+Shift+A
Delete Row	Ctrl+Shift+M
Delete Column	Ctrl+Shift+-
Increase Column Span	Ctrl+Shift+]
Decrease Column Span	Ctrl+Shift+[
Text
Indent	Ctrl+Alt+]
Outdent	Ctrl+Alt+[
Paragraph Format
None	Ctrl+0
Paragraph	Ctrl+Shift+P
Heading 1	Ctrl+1
Heading 2	Ctrl+2
Heading 3	Ctrl+3
Heading 4	Ctrl+4
Heading 5	Ctrl+5
Heading 6	Ctrl+6
Align
Left	Ctrl+Alt+Shift+L
Center	Ctrl+Alt+Shift+C
Right	Ctrl+Alt+Shift+R
Justify	Ctrl+Alt+Shift+J
Style
Bold	Ctrl+B
Italic	Ctrl+I
Window
Insert	Ctrl+F2
Properties	Ctrl+F3
CSS Styles	Shift+F11
AP Elements	F2
Databases	Ctrl+Shift+F10
Bindings	Ctrl+F10
Server Behaviors	Ctrl+F9
Components	Ctrl+F7
Files	F8
Assets	F11
Snippets	Shift+F9
Tag Inspector	F9
Behaviors	Shift+F4
Results	F7
Reference	Shift+F1
History	Shift+F10
Frames	Shift+F2
Code Inspector	F10
Timelines	Alt+F9
Show Panels	F4

การดึงข้อมูลออกจากฐานข้อมูล MySQL แบบสุ่ม

2007-11-20T12:29:00.002+07:00

การดึงข้อมูลออกจากฐานข้อมูล MySQL แบบสุ่ม

ในบางครั้งบางคราวเราอาจจะมีความจำเป็นต้องสุ่ม ข้อมูล ออกจากฐานข้อมูล เช่น การออกข้อสอบ หรือการทำเกมส์ คล้ายเกมส์เศรษฐี เป็นต้น มือใหม่อาจจะมองว่า ทำไงอ่ะ !

แต่อันที่จริงแล้ว ง่ายมากครับ MySQL มีคำสั่งอยู่คำสั่งหนึ่ง คือ RAND() ใช้สำหรับสุ่มข้อมูล

ดูคำสั่งนี้นะครับ


SELECT * FROM tbl_game ORDER BY RAND()

ข้อมูลที่ถูกเลือกมาจากตาราง tbl_game จะถูกจัดเรียงแบบสุ่ม เพราะฉะนั้นเมื่อเราเอาข้อมูล ขึ้นแสดงบนเว็บเพจ มันก็จะแสดงแบบสุ่มๆ

ง่ายมั้ย แค่คำสั่งเดียวเท่านั้นเอง

ใช้ Dreamweaver 8 เปิดไฟล์ .php แล้วภาษาไทยมันกลายเป็นภาษาต่างดาว

2007-11-19T22:14:00.002+07:00

ใช้ Dreamweaver 8 เปิดไฟล์ .php แล้วภาษาไทยมันกลายเป็นภาษาต่างดาว

สาเหตุเกิดจาก dreamweaver ไม่รู้ว่าจะ encoding เพจที่เปิดแบบไหน โดยปกติ เหตุการณ์นี้จะเกิดเมื่อ เปิดหน้าที่เป็น php ล้วนๆ เช่นพวก ฟรีซอสต์ ต่างๆ

วิธีแก้

เปิด dreamweaver ไปที่เมนู Edit>Preferences...> New Document >
ตรง ตัวเลือก Default encoding: เลือกเป็น Thai( Windows )
และติ๊กเครื่องหมายถูกหน้า Use when opening existing file that don't specity an encoding

OK

และอย่าลืม กำหนด fonts ให้ถูกต้อง

สุ่มตัวอักษร 10 ตัว เพื่อทำ verify code หรือ รหัสผ่าน

2007-11-19T15:08:00.001+07:00

สุ่มตัวอักษร 10 ตัว เพื่อทำ verify code

แนวคิด
1.สร้างชุดตัวอักษรตั้งแต่ a-z
2.สร้างชุดตัวอักษรตั้งแต่ A-Z
3.สร้างชุดตัวอักษรตั้งแต่ 0-9
4.เอาชุดตัวอักษรทั้ง 3 มารวมกัน
5.ทำการสับเปลี่ยนตำแหน่งตัวอักษร
6.ตัดเอามาแค่ 10 ตัวอักษร

โค้ด



<?php
//1.สร้างชุดตัวอักษรตั้งแต่ a-z
$arr_a_z = range( "a" , "z" ) ;
//2.สร้างชุดตัวอักษรตั้งแต่ A-Z
$arr_A_Z = range( "A" , "Z" ) ;
//3.สร้างชุดตัวอักษรตั้งแต่ 0-9
$arr_0_9 = range( 0 , 9 ) ;

//4.เอาชุดตัวอักษรทั้ง 3 มารวมกัน
$arr_a_9 = array_merge( $arr_a_z , $arr_A_Z , $arr_0_9 ) ;
$str_a_9 = implode( $arr_a_9 ) ;
//5.ทำการสับเปลี่ยนตำแหน่งตัวอักษร
$str_a_9 = str_shuffle( $str_a_9 ) ; 

//6.ตัดเอามาแค่ 10 ตัวอักษร
$verify_code = substr( $str_a_9 , 0 , 10 ) ;
echo $verify_code ;
?>

upload image with php II การอัปโหลดรูปภาพเก็บในฐานข้อมูล II

2007-11-19T06:12:00.001+07:00

upload image with php II การอัปโหลดรูปภาพเก็บในฐานข้อมูล ภาคแสดงผล
ครั้งที่แล้วแสดงการอัปโหลดภาพเก็บในฐานข้อมูล ครั้งนี้จะแสดงการนำภาพขึ้นแสดง หน้าเว็บ

ลองสังเกตโค้ดตรงกำหนด ว่าจะให้ตารางแสดงกี่คอลัมน์ นะครับ เห็นถามกันในหลายๆเว็บบอร์ด จะเห็นว่าเราควบคุมได้ด้วยโค้ดแค่ 2 บรรทัด

ดูโค้ดนะครับ


<?php
// ส่วนกำหนดการเชื่อมต่อฐานข้อมูล
$hostname_connection = "localhost";
$database_connection = "db_test";
$username_connection = "root";
$password_connection = "";
$connection = mysql_pconnect($hostname_connection, $username_connection, $password_connection) or trigger_error(mysql_error(),E_USER_ERROR);
mysql_query( "SET NAMES UTF8" ) ;
?>

<?php
// ดึงข้อมูลจากฐานข้อมูล ไม่มีโค้ดการแบ่งหน้านะจ๊ะ
mysql_select_db($database_connection, $connection);
$query_rs_image = "SELECT * FROM tbl_image ORDER BY image_id ASC";
$rs_image = mysql_query($query_rs_image, $connection) or die(mysql_error());
$row_rs_image = mysql_fetch_assoc($rs_image);
$totalRows_rs_image = mysql_num_rows($rs_image);
?>

<!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>Untitled Document</title>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<?php if ($totalRows_rs_image > 0) { // Show if recordset not empty ?>

<tr>
<?php do { ?>

<?php // รูปภาพให้เอาค่าจากฐานข้อมูลมาต่อ ให้ชี้ไปยังภาพที่อัปโหลดมา ?>
<td><img src="upload_images/<?php echo $row_rs_image['image_name']; ?>" /></td>

        <?php
        // กำหนดว่า จะให้ตาราง แสดงกี่คอลัมน์ ง่ายๆ ด้วยคำสั่งแค่ 2 บรรทัด
        $iLoop++ ;
        if ( $iLoop % 3 == 0 ) {echo "</tr><tr>" ;}
         ?>

<?php } while ($row_rs_image = mysql_fetch_assoc($rs_image)); ?>

</tr>
<?php } // Show if recordset not empty ?>

</table>
</body>
</html>
<?php
mysql_free_result($rs_image);
?>

upload image with php การอัปโหลดรูปภาพเก็บในฐานข้อมูล

2007-11-18T11:58:00.001+07:00

การอัปโหลดรูปภาพเก็บในฐานข้อมูล

การอัปโหลดรูปภาพเก็บในฐานข้อมูล มีวิธีทำ 2 วิธี คือ
1. อัปโหลดเป็นรูปภาพเก็บไว้ในโฟลเดอร์ แล้วเก็บชื่อภาพไว้ในฐานข้อมูล
2. อัปโหลดรูปภาพอัดลงไปในฐานข้อมูลเลย

ทั้งสองวิธีนี้ต่างมีข้อดีและข้อเสีย

วิธีที่ 1 ข้อดีคือ ฐานข้อมูลไม่บวม เพราะเก็บเฉพาะชื่อรูปภาพเท่านั้น ส่วนข้อเสียคือ โฟลเดอร์ที่ใช้เก็บรูปภาพ ต้องกำหนด permission เป็น 0777 เขียนและอ่านได้ ซึ่งในบางสภาพแวดล้อม เป็นเรื่องที่ลำบาก โดยเฉพาะกับโฮสต์ที่เป็นวินโดว ต้องติดต่อ admin ให้ช่วย ช่างวุ่นวาย

วิธีที่ 2 ข้อดีคือ ไม่ต้องสนใจ permisstion ของโฟลเดอร์ที่เก็บรูปภาพ ส่วนข้อเสียคือ ฐานข้อมูลจะบวมใหญ่ โดยใช่เหตุ ถ้าระบบเล็กๆก็ไม่เป็นไรหรอก แต่ถ้าระบบใหญ่ๆ มีปัญหาแน่

จะกล่าวถึงวิธีที่ 1 ก่อน
ผมขอแนะนำคลาสตัวหนึ่งชื่อ class.upload.php ผมใช้อยู่ อันที่จริง php มีคำสั่งจัดการรูปภาพอยู่นะ แต่ผมว่าใช้โค้ดที่คนอื่นเขียนแจกไว้แล้ว คล่องกว่า

ซึ่ง class.upload.php นี้ ความสามารถสูงส่ง ทั้งใช้ง่าย ความสามารถโดยคร่าวๆ นะ

สามารถ ย่อ ขยาย ภาพ
สามารถ เพิ่มลายน้ำเข้าไปในรูปภาพ
สามารถ เพิ่มโลโก้ซ้อนเข้าไปในภาพ
สามารถ คร้อปภาพ
เพิ่มแสง เพิ่มเงา พิมตัวอักษร เข้าไปในรูปภาพ และอื่นๆ อีกเพียบ ซึ่งเขามี help ให้อ่านในเว็บ

ดาวน์โหลด class.upload.php ที่ http://www.verot.net/php_class_upload_download_zip.htm
อ่าน help เพิ่มเติมที่ http://www.verot.net/res/sources/class.upload.html

โครงสร้างฐานข้อมูลในตัวอย่าง
-- ----------------------------
-- Table structure for tbl_image
-- ----------------------------
CREATE TABLE `tbl_image` (
`image_id` tinyint(4) unsigned NOT NULL auto_increment,
`image_name` varchar(50) NOT NULL COMMENT 'จัดเก็บชื่อรูปภาพ',

PRIMARY KEY (`image_id`)
) ENGINE=MyISAM AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;

-- ----------------------------

Example Code:



<?php // Include คลาส class.upload.php เข้ามา เพื่อจัดการรูปภาพ  ?>
<?php require_once('class/class.upload.php') ; ?>
<?php
// ส่วนกำหนดการเชื่อมต่อฐานข้อมูล
$hostname_connection = "localhost";
$database_connection = "db_test";
$username_connection = "root";
$password_connection = "";
$connection = mysql_pconnect($hostname_connection, $username_connection, $password_connection) or trigger_error(mysql_error(),E_USER_ERROR); 
mysql_query( "SET NAMES UTF8" ) ;
?>
<?php
//  ถ้าหากหน้านี้ถูกเรียก เพราะการ submit form  
//  ประโยคนี้จะเป็นจริงกรณีเดียวก็ด้วยการ submit form 
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form1")) {

    //     เริ่มต้นใช้งาน class.upload.php ด้วยการสร้าง instant จากคลาส
    $upload_image = new upload($_FILES['image_name']) ; // $_FILES['image_name'] ชื่อของช่องที่ให้เลือกไฟล์เพื่ออัปโหลด
    
    //  ถ้าหากมีภาพถูกอัปโหลดมาจริง
    if ( $upload_image->uploaded ) {
        
        //    ย่อขนาดภาพให้เล็กลงหน่อย  โดยยึดขนาดภาพตามความกว้าง  ความสูงให้คำณวนอัตโนมัติ
        // ถ้าหากไม่ต้องการย่อขนาดภาพ ก็ลบ 3 บรรทัดด้านล่างทิ้งไปได้เลย
        $upload_image->image_resize         = true ; // อนุญาติให้ย่อภาพได้
        $upload_image->image_x              = 400 ; // กำหนดความกว้างภาพเท่ากับ 400 pixel 
        $upload_image->image_ratio_y        = true; // ให้คำณวนความสูงอัตโนมัติ
        
        $upload_image->process( "upload_images" ); // เก็บภาพไว้ในโฟลเดอร์ที่ต้องการ  *** โฟลเดอร์ต้องมี permission 0777

        //    ถ้าหากว่าการจัดเก็บรูปภาพไม่มีปัญหา  เก็บชื่อภาพไว้ในตัวแปร เพื่อเอาไปเก็บในฐานข้อมูลต่อไป
        if ( $upload_image->processed ) {
        
            $image_name =  $upload_image->file_dst_name ; // ชื่อไฟล์หลังกระบวนการเก็บ จะอยู่ที่ file_dst_name
            $upload_image->clean(); // คืนค่าหน่วยความจำ
            
            // เก็บชื่อภาพลงฐานข้อมูล
            $insertSQL = sprintf("INSERT INTO tbl_image (image_name) VALUES ( '%s' )", $image_name );
            echo $insertSQL ;
            mysql_select_db($database_connection, $connection);
            $Result1 = mysql_query($insertSQL, $connection) or die(mysql_error());
  
      
        }// END if ( $upload_image->processed )
        
    }//END if ( $upload_image->uploaded )
  
  
}
?>
<!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>Upload Image To Database</title>
</head>

<body>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
  <p>Image_name 
    <input name="image_name" type="file" id="image_name" size="40" />
</p>
  <p>
    <input type="submit" value="Upload" />
    <input type="hidden" name="MM_insert" value="form1" />
    </p>
</form>
<p> </p>
</body>
</html>

display code html การแสดงโค้ด html บนหน้าเว็บ

2007-11-17T19:10:00.001+07:00

display code html การแสดงโค้ด html บนหน้าเว็บ

ลำบากเหลือหลายเมื่อต้องการแสดงตัวอย่างโค้ด ให้สหายผู้เป็นที่รักได้เห็น ผ่านทางหน้าเว็บ เพราะเมื่อเราป้อนโค้ดเข้าไป เวลาแสดงผล มันดันทะลึ่งประมวลผล ทำให้ออกมาเป็นอะไร ที่ไม่ได้ตั้งใจให้มันเป็น

มีวิธีง่ายๆ สำหรับงานนี้ด้วย find and replace ผมจะใช้ dreamweaver ช่วยละกัน แล้วอะไรล่ะที่เราต้องค้นหาและแทนที่มัน

1. เครื่องหมาย <
2. เครื่องหมาย >
3. ขึ้นบรรทัดใหม่
4. แท็บ

สองอย่างหลังนี่ เพื่อความสวยงามของผลลัพธ์

การเปิด find and replace ของ Dreamweaver ให้กดปุ่ม Ctrl+F

เครื่องหมาย < แทนที่ด้วย <
เครื่องหมาย > แทนที่ด้วย >
ขึ้นบรรทัดใหม่ ในช่อง Find ให้กดปุ่ม Ctrl ค้างไว้ แล้วกด Enter จะเป็นการหา ขึ้นบรรทัดใหม่ แทนที่ด้วย <br>
แท็บ ในช่อง Find ให้กดปุ่ม Ctrl ค้างไว้ แล้วกดแท็บ จะเป็นการหา แท็บ แทนที่ด้วย   สัก 4 ตัว

ก้อปปี้สิ่งที่ได้ ไปใช้ตามต้องการ

ความเข้าใจเรื่องฟิลด์ชนิด timestamp ของ mysql

2007-11-15T08:04:00.000+07:00

ความเข้าใจเรื่องฟิลด์ชนิด timestamp ของ mysql

timestamp ใช้สำหรับเก็บ วันที่และเวลา ซึ่งจะเก็บอยู่ในรูปแบบของ YYYYMMDDHHMMSS ที่เริ่มนับจาก วันที่ 1 มกราคม 1970:00 00 00

สำหรับช่วงข้อมูลที่เก็บได้คือ ตั้งแต่ วันที่ 1 มกราคม 1970 ถึง ปี 2037

ทีนี้ถ้าถามว่า เมื่อมีฟิลด์ datetime แล้ว ทำไมต้องมี timestamp เข้ามาอีก ฟิลด์ที่สองนี้ มีความต่างกัน

1.ช่วงวันที่ที่เก็บ
datetime : 1000-01-01 00:00:00 ถึง 9999-12-31 23:59:59 (ปี-เดือน-วัน)
timestamp: 1970-01-01 00:00:00 ถึง 2037-12-31 23:59:59 (ปี-เดือน-วัน)

2.ความสามารถ
timestamp : เราสามารถกำหนดตั้งแต่ตอนสร้างตารางได้ว่าให้ฟิลด์นี้อัปเดตเป็นวันเวลาปัจจุบันโดยอัตโนมัติ เมื่อมีการ เพิ่ม/แก้ไขข้อมูล ในแถว มันจะอัปเดตตัวมันเอง สะดวกเหลือหลายเมื่อเราจะเก็บข้อมูลที่จะต้องบอกว่า แก้ไขครั้งล่าสุดเมื่อไร
datetime : จะไม่มีความสามารถนี้

ลองเข้าไปใน phpMyAdmin แล้วลองกำหนดฟิลด์ใดฟิลด์หนึ่งให้เป็น timestamp ดู จะมี CURRENT_TIMESTAMP ให้ท่านติ๊กถูก เป็นค่า ดีฟอลต์ แล้วลองไปกำหนดฟิลด์นี้ เป็น datetime ดู จะเห็นว่ามันต่างกัน

การใช้ left join ภาษา sql

2007-11-14T09:41:00.000+07:00

การใช้ left join ภาษา sql

syntax : SELECT * FROM table1 LEFT JOIN table2 ON table1.primary_key = table2.foreign_key ;

left join เป็นการจับเอาตาราง 2 ตาราง มารวมกัน โดยยึดหลักว่า เอาข้อมูลจากตารางที่ 1 ทั้งหมด เอาข้อมูลจากตารางที่ 2 เฉพาะที่ตรงเงื่อนไข เท่านั้น

ถ้าผมมี ตาราง ในฐานข้อมูล 2 ตาราง และ มีข้อมูล ดังนี้

ตาราง branch

ตาราง member

ดูคำสั่งนี้นะครับ
SELECT * FROM branch LEFT JOIN member ON ( branch.branch_id = member.branch_id)

ผลลัพธ์ จะได้ข้อมูล 3 แถว

จะเห็นว่าข้อมูลที่ได้มา ตาราง branch เอามาหมด ถ้าในอีกตารางไม่มีที่ตรงเงื่อนไข ก็จะปล่อยว่างไว้

การใช้ inner join ภาษา sql

2007-11-14T09:32:00.000+07:00

การใช้ inner join ภาษา sql

syntax : SELECT * FROM table1 INNER JOIN table2 ON table1.primary_key = table2.foreign_key ;

inner join เป็นการจับเอาตาราง 2 ตาราง มารวมกัน โดยยึดหลักว่า ข้อมูลจะต้องมีตรงกัน ในทั้งสองตาราง ถึงจะเอามา

ถ้าผมมี ตาราง ในฐานข้อมูล 2 ตาราง และ มีข้อมูล ดังนี้

ตาราง branch

ตาราง member

ดูคำสั่งนี้นะครับ

SELECT * FROM branch INNER JOIN member ON ( branch.branch_id = member.branch_id)

ผลลัพธ์ จะได้ข้อมูล 3 แถว

จะเห็นว่าข้อมูลที่ได้มา จะต้องมี branch_id ทั้งในตาราง ที่หนึ่ง และ ตารางที่สอง ถ้าตารางที่ 1 มี แต่ตารางที่ 2 ไม่มี ก็ไม่เอาข้อมูล แถวนั้น

การย้าย โฟลเดอร์เก็บฐานข้อมูล ของ MySQL สำหรับผู้ลง AppServ

2007-11-12T17:00:00.002+07:00

การย้าย โฟลเดอร์เก็บฐานข้อมูล ของ MySQL สำหรับผู้ลง AppServ

ปัญหาอย่างหนึ่งสำหรับผู้เขียน PHP เมื่อเครื่องคอมพิวเตอร์มีปัญหา จำเป็นต้องฟอร์แมตเครื่อง ต้องคอยมาย้ายฐานข้อมูล ซึ่งเก็บอยู่ที่ C:\AppServ\mysql\data\ ไปเก็บไว้ที่ไดร์ฟอื่น ซึ่งถ้ามันมีน้อยๆก็ไม่เป็นไรหรอก แต่ถ้าฐานข้อมูลเยอะๆ ก็ลำบาก

นี่ยังดีที่เข้าวินโดวได้ แต่ถ้าเกิดเข้าวินโดวไม่ได้ล่ะ คงต้องวุ่นวายกันใหญ่

แต่ถ้าเราย้าย ที่เก็บฐานข้อมูล ไปไว้ซะไดร์อื่นตั้งแต่ต้น ปัญหาก็จะหมดไป แต่ครั้นจะ copy and paste เข้าใจว่าย้ายแล้ว มันก็ง่ายไป

พูดมากเสียเวลา เริ่มดำเนินการ

1.ไปที่ Start>All Programs>AppServ>MySQL Edit the my.ini Configuration file

2.ไฟล์คอนฟิก MySQL จะเปิดขึ้นมา ให้หาคำว่า
datadir="C:\AppServ/MySQL/data/" : เปลี่ยนพาธในเครื่องหมายคำพูดเป็นพาธที่ต้องการให้เป็นที่เก็บฐานข้อมูลใหม่

3.Save แล้ว รีสตาร์ทเครื่อง

การย้าย web root สำหรับผู้ลง AppServ

2007-11-12T16:42:00.001+07:00

การย้าย web root สำหรับผู้ลง AppServ

ปัญหาอย่างหนึ่งสำหรับผู้เขียน PHP เมื่อเครื่องคอมพิวเตอร์มีปัญหา จำเป็นต้องฟอร์แมตเครื่อง ต้องคอยมาย้ายเว็บไซต์ ที่เก็บอยู่ที่ C:\AppServ\www\ ไปเก็บไว้ที่ไดร์ฟอื่น ซึ่งถ้ามันมีน้อยๆก็ไม่เป็นไรหรอก แต่ถ้ารับจ้างทำเว็บ และหลายเว็บซะด้วย การย้ายก็ลำบาก

นี่ยังดีที่เข้าวินโดวได้ แต่ถ้าเกิดเข้าวินโดวไม่ได้ล่ะ คงต้องวุ่นวายกันใหญ่

แต่ถ้าเราย้าย web root ไปไว้ซะไดร์อื่นตั้งแต่ต้น ปัญหาก็จะหมดไป แต่ครั้นจะ copy and paste เข้าใจว่าย้ายแล้ว มันก็ง่ายไป

พูดมากเสียเวลา เริ่มดำเนินการ

1.ไปที่ Start>All Programs>AppServ>Configuration Server>Apache Edit the http.conf Configuration file>

2.ไฟล์คอนฟิก Apache จะเปิดขึ้นมา ให้หาคำว่า
DocumentRoot "C:/AppServ/www" : เปลี่ยนพาธในเครื่องหมายคำพูดเป็นพาธที่ต้องการให้เป็น web root ใหม่
<Directory "C:/AppServ/www"> : เปลี่ยนเป็นพาธใหม่ให้เหมือนที่เปลี่ยนด้านบน

3.Save แล้ว รีสตาร์ทเครื่อง

จะฝึกเขียน PHP ต้องมีอะไรบ้าง

2007-11-12T13:54:00.001+07:00

จะฝึกเขียน PHP ต้องมีอะไรบ้าง
การจะทำให้เครื่องเราสามารถเขียน PHP ได้นั้น ต้องลงโปรแกรม อย่างน้อย 4 ตัว คือ
- Apache
- PHP
- MySQL
-phpMyAdmin

Apache ทำหน้าที่จำลองเครื่องเราให้เป็น Server เหมือนกับ IIS สาเหตุที่ต้องจำลองเครื่องให้เป็นเซิฟเวอร์
เพราะภาษา PHP เป็น Server side Script การแปลภาษา จะเกิดขึ้นที่ Server เท่านั้น

PHP จะทำหน้าที่แปลคำสั่ง PHP ให้เป็น HTML ที่เบราเซอร์เข้าใจ

MySQL เป็นโปรแกรมฐานข้อมูล มันเป็นเหมือนเคสบังคับยังไงไม่รู้ เมื่อคุณต้องการศึกษา PHP คุณก็ต้องศึกษา MySQL ด้วย

phpMyAdmin เป็น web base program ที่ใช้จัดการฐานข้อมูล MySQL ถูกเขียนขึ้นมาด้วยภาษา PHP นี่แหละ เนื่องจาก MySQL นั้น มีแต่ command line ใช้จัดการฐานข้อมูล ซึ่งสำหรับบางคนแล้ว มันเป็นการใช้งานที่ลำบากเหลือแสน เลยมีคนสร้าง phpMyAdmin ให้ คลิก ๆๆ เลือกๆๆ ชีวิตจะได้ง่ายขึ้น

การลง 4 อย่างนี้ มีคนจับรวมกันทำเป็นเพ็กเกจ ให้ลงครั้งเดียวเสร็จ ในชื่อ Appserv ปัจจุบันเวอร์ชั่น 2.5.9
ฉะนั้น เมื่อถามว่า จะฝึกเขียน PHP ต้องมีอะไรบ้าง ตอบสั้นๆ ง่ายๆ ลง Appseve จ่ะ

คุณสามารถดาวน์โหลด Appserv ได้ที่ http://www.appservnetwork.com/index.php

วิธีการลง
1. หลังจากดาวน์โหลดโปรแกรมมาแล้ว ให้ดับเบิลคลิก
2. คลิก Next

3.คลิก I Agree ยอมรับเงื่อนไขเขาซะ

4.คลิก Next เขาให้เลือกที่ติดตั้ง ไม่ต้องเปลี่ยน

5.คลิก Next เขาให้เลือกว่าจะติดตั้งอะไรบ้าง ก็ติดมันทั้งหมดนั่นแหละ

6. ให้ตั้งค่าดังนี้
- Server Name : localhost
- Administrator's email Address : อีเมล์ของคุณ อะไรก็ได้ป้อนไปสักอีเมล์เหอะ
- Apache HTTP Port : 80

7. ตั้งรหัสผ่านสำหรับ Mysql ป้อนให้เหมือนกันทั้งสองช่อง แล้วก็ คลิก Install

8. คลิก Finish

Path ที่ใช้เก็บไฟล์ php คือ C:\AppServ\www เวลาเขียนโปรแกรม ไฟล์ php ก็ให้เก็บไว้ที่นี่

เวลารับทดสอบก็ http://localhost/ชื่อไฟล์.php

ถ้าเก็บไว้ในโฟลเดอร์ย่อย ก็ http://localhost/ชื่อไฟลเดอร์ย่อย/ชื่อไฟล์.php

คิดง่ายๆ http://localhost แทน C:\AppServ\www

การ ให้ PHP Export ข้อมูล ออกเป็นไฟล์ exel

2007-11-12T12:58:00.001+07:00

การ ให้ PHP Export ข้อมูล ออกเป็นไฟล์ exel
1. สร้างฟังก์ชั่นสำหรับใช้งาน


function xlsBOF() {
echo pack("ssssss", 0x809, 0x8, 0x0, 0x10, 0x0, 0x0);
return;
}

function xlsEOF() {
echo pack("ss", 0x0A, 0x00);
return;
}

function xlsWriteNumber($Row, $Col, $Value) {
echo pack("sssss", 0x203, 14, $Row, $Col, 0x0);
echo pack("d", $Value);
return;
}

function xlsWriteLabel($Row, $Col, $Value ) {
$L = strlen($Value);
echo pack("ssssss", 0x204, 8 + $L, $Row, $Col, 0x0, $L);
echo $Value;
return;
}

ฟังก์ชั่น xlsBOF สำหรับประกาศจุดเริ่มต้นไฟล์
ฟังก์ชั่น xlsEOF สำหรับประกาศจุดสิ้นสุดไฟล์
ฟังก์ชั่น xlsWriteNumber เขียนข้อมูลเซลล์ที่เป็นตัวเลข
ฟังก์ชั่น xlsWriteLabel เขียนข้อมูลเซลล์ที่เป็นตัวหนังสือ

2.เขียนไฟล์ exel


// Query Database // เชื่อมต่อฐานข้อมูล
$result=mysql_db_query($dbname,"select id,prename,name,sname,grade from appdata where course='$courseid' and sec='$section'")

// Send Header // กำหนด Header ว่าเป็นไฟล์ exel
header("Pragma: public");
header("Expires: 0");
header("Cache-Control: must-revalidate, post-check=0, pre-check=0");
header("Content-Type: application/force-download");
header("Content-Type: application/octet-stream");
header("Content-Type: application/download");;
header("Content-Disposition: attachment;filename=$courseid-$sec.xls ");
header("Content-Transfer-Encoding: binary ");

// XLS Data Cell // เริ่มสร้างไฟล์

xlsBOF();
xlsWriteLabel(1,0,"Student Register $semester/$year");
xlsWriteLabel(2,0,"COURSENO : ");
xlsWriteLabel(2,1,"$courseid");
xlsWriteLabel(3,0,"TITLE : ");
xlsWriteLabel(3,1,"$title");
xlsWriteLabel(4,0,"SETION : ");
xlsWriteLabel(4,1,"$sec");
xlsWriteLabel(6,0,"NO");
xlsWriteLabel(6,1,"ID");
xlsWriteLabel(6,2,"Gender");
xlsWriteLabel(6,3,"Name");
xlsWriteLabel(6,4,"Lastname");
$xlsRow = 7;
while(list($id,$prename,$name,$sname,$grade)=mysql_fetch_row($result)) {
++$i;
xlsWriteNumber($xlsRow,0,"$i");
xlsWriteNumber($xlsRow,1,"$id");
xlsWriteLabel($xlsRow,2,"$prename");
xlsWriteLabel($xlsRow,3,"$name");
xlsWriteLabel($xlsRow,4,"$sname");
$xlsRow++;
}
xlsEOF();
exit();

สิ่งที่ได้มาจาก การเขียนโปรแกรมให้ ฝ่ายตรวจสอบ

2007-11-10T15:15:00.000+07:00

ราคาสินค้า + vat 7 % = เงินที่ต้องจ่าย

ในกรณีรู้ว่า เงินที่ต้องจ่าย เท่าไร แล้วอยากทราบ ราคาสินค้า
ให้เอา เงินที่ต้องจ่าย หาร ด้วย 1.07 จะออกมาเป็นราคาสินค้า ก่อนบวก vat

การใช้ Navicat 8.0 convert database to utf-8

2007-11-09T09:09:00.001+07:00

การใช้ Navicat 8.0 convert database to utf-8

สำหรับท่านที่ต้องการจะเปลี่ยนฐานข้อมูลจาก Latin1 มาเป็น utf-8 สามารถทำได้ง่ายๆ
ด้วย Navicat 8.0

ขั้นตอนการดำเนินการ

1.เชื่อมต่อฐานข้อมูลด้วย Encoding 874-(ANSI/OEM-Thai)

2. เปลี่ยนฐานข้อมูลให้เป็น utf-8

3. เปลี่ยนตาราง และฟิลด์ varchar , text ให้เป็น utf-8

4.export ข้อมูลออกเป็นไฟล์เท็ก

5.เปลียนไฟล์ที่ export ให้เป็น utf-8

6.เปลี่ยน encoding connection โปรแกรม navicat ให้เป็น utf-8

7.ลบตาราง เก่าทิ้ง( หรือจะ rename ไว้ก่อน กันเหนียว ก็ได้)

8.import ไฟล์ที่ export เข้ามา

9.ปิด connection แล้วเปิดใหม่ เพื่อดูผลลัพธ์ ( ถ้าไม่ปิดแล้วเปิดใหม่
จะไม่เห็นตารางที่เพิ่ง import เข้าไป )

** ถ้าไม่ทำตามขั้นตอนนี้ เมื่อท่านเปิดฐานข้อมูลด้วย phpMyAdmin ตัวหนังสือจะแสดงเป็นยุกยิก
ลองเปลี่ยนแค่โครงสร้าง โดยไม่ทำ export import แล้วเปิดด้วย phpMyAdmin ดู
จะเห็นข้อมูลเป็นยุกยิก แต่ถ้าทำครบทั้ง 9 ขั้นตอน ตามที่แนะนำ เปิดดูด้วยอะไรก็จะไม่ยุกยิก
เพราะมันเป็น utf-8 100% ตั้งแต่ ฐานข้อมูล ตาราง ฟิลด์ จนถึง ข้อมูลที่เก็บอยู่ข้างใน

ลุย+++

1.เชื่อมต่อฐานข้อมูลด้วย Encoding 874-(ANSI/OEM-Thai)

ขั้นตอนนี้สามารถดูได้จากหัวข้อก่อนหน้า

2. เปลี่ยนฐานข้อมูลให้เป็น utf-8

- ดับเบิลคลิกตัวเชื่อมต่อ

-คลิกขวา ฐานข้อมูล ที่ต้องการเปลี่ยนให้เป็น utf-8

-เลือก Database Properties…

โปรแกรมจะเปิดหน้าต่าง Database Properties… ขึ้นมา จากนั้น

-เปลี่ยน Character set: เป็น utf8—UTF-8 Unicode

-เปลี่ยน Collation: เป็น utf8_general_ci

3. เปลี่ยนตาราง และฟิลด์ varchar , text ให้เป็น utf-8

-ดับเบิลคลิกที่ Tables

- คลิกขวาบนตารางที่ต้องการจะเปลี่ยนให้เป็น utf-8

-เลือก Design Table เพื่อแก้ไขโครงสร้างตาราง

หลังจากเลือก Design Table โปรแกรม Navicat 8.0 จะเปิดหน้าต่าง Table
Design ขึ้นมา หน้าตาแบบนี้ ครับ

ที่แท็บ Fields เปลี่ยน ฟิลด์ varchar/text ให้เป็น utf-8 ให้หมด

คลิกแท็บ Options

- เปลี่ยน Character set : เป็น utf8—UTF-8 Unicode

- เปลี่ยน Collation : เป็น utf8_general_ci

- กดปุ่ม Save เพื่อบันทึกสิ่งที่ได้เปลี่ยนแปลงไป

- กดปิดหน้าต่าง Table Design ไปได้เลย

**มีคนถามว่าเปลี่ยนแค่นี้น่าจะเรียบร้อย ยังครับ ถึงโครงสร้างจะเป็น
utf-8 แล้วก็จริง แต่ข้อมูลที่เก็บอยู่ข้างใน ยังไม่เป็น utf-8 ต้อง export
ออกไป แก้อีกนิดหน่อย แล้วเอากลับมา ทุกอย่างก็จะสมบูรณ์แบบ

4. Export ข้อมูลออกเป็นไฟล์เท็ก

-คลิกขวาที่ ตารางเมื่อกี้ เลือก Dump SQL File

โปรแกรมจะให้ระบุที่เก็บไฟล์ เลือกสถานที่ๆเหมาะๆ แล้วก็ Save และรอจนกว่าจะ

Successful

5.เปลียนไฟล์ที่ export ให้เป็น utf-8

-เปิดไฟล์ที่ export ออกไปเมื่อกี้ ขึ้นมาด้วย notepad

-คลิก File > Save As…

- หน้าต่าง Save As… ตัวเลือก Encoding เลือกเป็น UTF-8

- เสร็จแล้ว กดปุ่ม Save

6. เปลี่ยน encoding connection โปรแกรม navicat ให้เป็น utf-8

-คลิกขวาที่ตัว Connection

-เลือก Connection Properties…

-ถ้ามีไดอะล็อกขึ้นมาถามว่า " ต้องปิดก่อนเชื่อมต่อก่อนเน้อ จะปิดหรือเปล่า" ก็ตอบ
OK แต่ถ้าไม่มีไดอะล็อกอะไรขึ้นมาถาม ก็อย่าได้กังวล

-หลังจากที่เรา OK ไปแล้ว โปรแกรมก็จะเปิดหน้าต่าง Connection ขึ้นมา
ให้เราคลิกที่ แท็บ Advance

ติ๊กเครื่องหมายถูกหน้าตัวเลือก Use MySQL character set แล้วก็ OK

7. ลบตาราง เก่าทิ้ง( หรือจะ rename ไว้ก่อน กันเหนียว ก็ได้)

-คลิกขวาที่ ตาราง ที่เราเพิ่ง export ออกไปก่อนหน้า

-เลือก Delete Table

- ตอบ OK

ในกรณีที่ไม่ต้องการลบ แต่ต้องการเปลี่ยนชื่อเพื่อแบ็กอัพไว้ก่อน ให้คลิกขวาที่ตาราง
เลือก Rename เสร็จแล้ว ก็เปลี่ยนชื่อ ตาราง ได้ตามใจชอบ แต่แนะนำว่า ให้ลงท้ายตารางด้วย
_backup ก็จะดี เมื่อดูจะได้รู้ว่ามันเป็นตาราง แบ็กอัพ

8. import ไฟล์ที่ export เข้ามา

-คลิกขวาที่ Tables

-เลือก Execute Batch File

โปรแกรม จะเปิดหน้าต่าง Execute Batch File ขึ้นมา

- ช่อง File คลิกปุ่มเล็กๆด้านหลัง เพื่อเลือกไฟล์ที่เราได้จัดเตรียมไว้

-ช่อง Encoding เลือกเป็น 65001(UTF-8)

-คลิก Start

-รอจนกว่าจะ Successfully

9. ปิด connection แล้วเปิดใหม่ เพื่อดูผลลัพธ์ ( ถ้าไม่ปิดแล้วเปิดใหม่
จะไม่เห็นตารางที่เพิ่ง import เข้าไป )

และแล้วฐานข้อมูลก็ได้เปลี่ยนเป็น utf-8 อย่างสมบูรณ์

การแก้ปัญหา เมื่อ Navicat 8 แสดงผลเป็น Ê¤Ñ¿à¾Å· 4 »ÃÐµÙ ( อ่านไม่รู้เรื่อง ) สำหรับฐานข้อมูลที่กำหนด เป็น Latin1

2007-11-07T17:54:00.003+07:00

การแก้ปัญหา เมื่อ Navicat 8 แสดงผลเป็น Ê¤Ñ¿à¾Å· 4 »ÃÐµÙ ( อ่านไม่รู้เรื่อง ) สำหรับฐานข้อมูลที่กำหนด เป็น Latin1

มันเป็นฝันร้ายในขณะที่ตื่นอยู่ เมื่อ

การแก้ไข ไม่ยากครับ แค่เปลี่ยน Encoding ในโปรแกรม Navicat 8.0 ก็หายแล้ว โดยดำเนินการดังนี้
- คลิกขวา ที่ตัว Connection ทีท่านได้สร้างไว้ แล้วเลือก Connection Properties…

โปรแกรมจะเปิดหน้าต่าง Connection ขึ้นมา

คลิก แท็บ Advanced
– ติ๊กเครื่องหมายถูกหน้า Use MySQL character set ออก
- เปลี่ยน Encoding เป็น 874-(ANSI/OEM-Thai)
- คลิกปุ่ม OK

ทีนี้เปิดตารางที่ก่อนหน้านี้ เป็นยุกยิกดูใหม่ จะเห็นว่าโปรแกรมแสดงเป็นภาษาไทยอย่างถูกต้อง

Navicat คืออะไร

2007-11-07T17:54:00.002+07:00

Navicat คืออะไร

Navicat เป็นโปรแกรมจัดการฐานข้อมูล MySQL แบบ Window Application ( เหมือนกับ MySQL yog หรือ Mysql Front ) จากเอกสารอ้างอิงเขาบอกว่า ซัพพอร์ต Mysql ตั้งแต่เวอร์ชั่น 3.21 เป็นต้นมา

คุณสามารถดาวน์โหลด Navicat 8.0 เวอร์ชั่นทดลองใช้ได้ที่ http://www.navicat.com/download.html

ผมเคยลองใช้ ทั้ง MySQL yog , MySQL Front ยังไม่มีตัวไหนถูกใจเท่า Navicat
ปัจจุบันผมใช้ Navicat รีโมต จัดการฐานข้อมูลบนเซิฟเวอร์โดยตรง และให้ Navicat แบ็กอัพฐานข้อมูลให้อัตโนมัติ ตอนเปิดเครื่องคอมพิวเตอร์ และอีกหลายๆ อย่างที่ให้ Navicat ช่วย ตอนนี้แทบจะลืมไปแล้วล่ะครับ ว่า มีตัวจัดการฐานข้อมูลดั้งเดิม ตั้งแต่เริ่มศึกษา PHP ตัวหนึ่งชื่อ PHPMyAdmin

นี่เป็นข้อความที่ทางผู้ผลิตโปรแกรม Navicat เขาบรรยายเกี่ยวกับโปรแกรมของเขาไว้
“ Navicat MySQL is a powerful MySQL Database Server administration and development tool. It works with any MySQL version from 3.21 or above and supports most of the latest MySQL features including Trigger, Stored Procedure, Function, Event, View, Manage User, and so on. It is also not only sophisticated enough for professional developers, but also easy to learn for new users. With its well-designed Graphical User Interface(GUI), Navicat MySQL lets you quickly and easily create, organize, access and share information in a secure and easy way “

การสร้าง ตาราง ในฐานข้อมูล MySQL ด้วย Navicat 8.0

2007-11-07T12:41:00.001+07:00

การสร้าง ตาราง ในฐานข้อมูล MySQL ด้วย Navicat 8.0

ขั้นตอนดำเนินการ
1. เปิดหน้าต่าง [Table Design]
2. สร้างฟิลด์ที่ต้องการ
3. บันทึก

1.เปิดหน้าต่าง [Table design]

หลังจากเปิดโปรแกรม Navicat ขึ้นมา ให้กระทำการดังนี้

- ดับเบิลคลิก ที่ตัว Connection ที่ต้องการ เพื่อเชื่อมต่อเข้าสู่ MySQL ถ้าหากมีข้อสงสัยเกี่ยวกับการสร้าง Connection ให้อ่านจากบทความ การใช้ Navicat 8.0 จัดการฐานข้อมูล MySQL บน localhost

- ดับเบิลคลิก ฐานข้อมูล ที่ต้องการ เพื่อเปิดใช้งาน ฐานข้อมูล

- คลิกขวา ตรงคำว่า Tables เพื่อเรียกใช้งานเมนูลัด

- คลิก ตรงคำว่า New Table เพื่อเรียกหน้าต่าง [Table design] ( หน้าต่าง ออกแบบตาราง )

2.สร้างฟิลด์ที่ต้องการ

Name กำหนดชื่อฟิลด์

Type กำหนดชนิดฟิลด์

Length กำหนดขนาดฟิลด์

Decimals กำหนดจำนวนหลักตัวเลข หลังจุดทศนิยม ( กรณีที่เลือกฟิลด์เป็นชนิดตัวเลขทศนิยมเท่านั้น)

Allow Null ติ๊กถูก อนุญาติให้ฟิลด์นี้เป็นค่าว่างได้ ไม่ติ๊กก็เท่ากับตรงข้าม

ว่าง กำหนดฟิลด์เป็น ไพรมารีคีย์

สำหรับทูลบาร์ 3 ไอค่อนนี้

Add Field เพิ่มฟิลด์ใหม่ต่อท้ายฟิลด์ปัจจุบัน

Insert Field เพิ่มฟิลด์ใหม่เข้าไปก่อนหน้าฟิลด์ปัจจุบัน

Delete Field ลบฟิลด์ปัจจุบัน

*** ฟิลด์ปัจจุบัน ( ฟิลด์ที่ทำงานอยู่ ) คือฟิลด์ที่มีสัญลักษณ์ อยู่ด้านหน้า

3.บันทึก หลังจากกำหนดฟิลด์ต่างๆ พร้อมรายละเอียด ตามที่ต้องการเรียบร้อยแล้ว กดปุ่ม บันทึก โปรแกรมจะแสดงไดอะล็อก ให้ป้อน ชื่อตาราง

- Enter talbe name ป้อนชื่อตาราง

- กดปุ่ม OK

- ปิดหน้าต่าง [Table Design]

การใช้ Navicat 8.0 จัดการฐานข้อมูล MySQL บน localhost

2007-11-07T07:50:00.001+07:00

การใช้ Navicat 8.0 จัดการฐานข้อมูล MySQL บน localhost

ขั้นตอนการดำเนินการ

1. ตั้งค่าการเชื่อมต่อ
2. ใช้งาน

1.ตั้งค่าการเชื่อมต่อ

เปิดโปรแกรม Navicat ขึ้นมา คลิกที่เมนู File > New Connection โปรแกรมจะเปิดหน้าต่างการตั้งค่าการเชื่อมต่อ ( Connection ) ขึ้นมา

- ที่แท็บ General ให้ตั้งค่าดังนี้

Connection Name: ตั้งชื่อการเชื่อมต่อ จะตั้งเป็นชื่อว่าอะไรก็ได้ ให้ท่านจำได้ง่ายก็พอ

Host name/IP address: ตั้งค่าชื่อโฮสต์ หรือ จะระบุหมายเลข IP address ก็ได้ โดยคำว่า localhost หรือ IP 127.0.0.1 จะหมายถึงเครื่องเรา ฉะนั้น ปล่อยให้เป็น localhost เหมือนเดิม

Port: ตั้งค่า port ปล่อยให้เป็น 3306 เหมือนเดิม

User name: ป้อน user name ที่ใช้เชื่อมต่อฐานข้อมูล โดยปกติแล้ว เครื่องเราจะใช้ root

Password: ป้อนรหัสผ่าน ที่ใช้เชื่อมต่อฐานข้อมูล ขึ้นอยู่กับว่าท่านตั้งรหัสผ่านไว้อย่างไร ส่วนของข้าพเจ้า ไม่ได้ตั้งไว้ ฉะนั้นจึงปล่อยให้ว่าง

- ทดสอบการเชื่อมต่อ โดยการคลิกที่ปุ่ม Test Connection ถ้าหากโปรแกรมแสดงหน้าต่าง

แสดงว่าทุกอย่างถูกต้อง

แต่ถ้าหากแสดงหน้าต่าง

แสดงว่าการตั้งค่าไม่ถูกต้อง ให้ตรวจสอบขึ้นตอนตั้งแต่ ข้อหนึ่ง ให้ละเอียดอีกรอบ

เมื่อทุกอย่างถูกต้อง Connection Successful แล้ว คลิกปุ่ม OK ท่านก็จะได้ตัวเชื่อมต่อฐานข้อมูล
1 ตัว ลองดับเบิลคลิกดู แล้วท่านจะเห็นฐานข้อมูลทุกตัวใน MySQL ทีนี้ท่านก็สามารถ
จัดการกับฐานข้อมูลได้แล้ว

การสร้างฐานข้อมูล MySQL ด้วย Navicat 8.0

2007-11-07T07:49:00.001+07:00

การสร้างฐานข้อมูล MySQL ด้วย Navicat 8.0

ขั้นตอนการดำเนินการ

1. สร้างการเชื่อมต่อฐานข้อมูล
2. สร้างฐานข้อมูล

1.สร้างการเชื่อมต่อฐานข้อมูล

หลังจากเปิดโปรแกรม Navicat ขึ้นมาแล้ว คลิกที่ Connection

โปรแกรมจะเปิดหน้าต่าง Connection ขึ้นมา ซึ่งต้องป้อนรายละเอียดที่จำเป็น ดังนี้
Connection Name: ตั้งชื่อ Connection จะเป็นอะไรก็ได้ ให้จำง่ายเข้าไว้
Host name/IP address: ปล่อยให้เป็น localhost
Port: ปล่อยให้เป็น 3306
User name: ป้อน User name ที่ใช้ล็อกอินเข้าสู่ MySQL ค่าดีฟอลต์ จะเป็น root
Password: ป้อนรหัสผ่าน ที่ใช้ล็อกอินเข้าสู่ MySQL ถ้าไม่มีรหัสผ่าน ให้ปล่อยว่างไว้

กดปุ่ม Test Connection เพื่อทดสอบการเชื่อมต่อ ดูก่อนก็ได้ ถ้าโปรแกรมแจ้งว่า Conection Successfully แสดงว่าสามารถเชื่อมต่อฐานข้อมูลได้แล้ว ก็ให้คลิกปุ่ม OK อย่าช้าที

2.สร้างฐานข้อมูล

ดับเบิลคลิกที่ ตัว connection ที่สร้างขึ้นมา เพื่อเชื่อมต่อเข้าใช้งาน MySQL

คลิกขวา ที่ตัว connection

คลิก New Database เพื่อสร้างฐานข้อมูล โปรแกรมจะเปิดไดอะล็อกบ็อก Create New Database ขึ้นมา

ซึ่งมีรายละเอียดที่ต้องกำหนด ดังนี้

Enter database name: ตั้งชื่อฐานข้อมูล
Character set: กำหนดชุดตัวอักษร แนะนำเป็น utf8--UTF-8 Unicode
Collation: กำหนด Collation แนะนำเป็น utf8_general_ci

หลังจากกำหนดทุกอย่างเรียบร้อย คลิกปุ่ม OK คุณสร้างฐานข้อมูลใหม่ เรียบร้อย

การใช้ Navicat 8.0 รีโมต ฐานข้อมูล MySQL บนเซิฟเวอร์

2007-11-06T22:01:00.001+07:00

การใช้ Navicat 8.0 รีโมต ฐานข้อมูล MySQL บนเซิฟเวอร์

ขั้นตอนการดำเนินการ

1. อัปโหลดไฟล์ ชื่อ ntunnel_mysql.php ไปไว้บนเซิฟเวอร์
2. ตั้งค่าการเชื่อมต่อ
3. ใช้งาน

ลุย++++

อัปโหลดไฟล์ ชื่อ ntunnel_mysql.php ไปไว้บนเซิฟเวอร์
ไฟล์ตัวนี้จะติดมากับโปรแกรม Navicat ซึ่งคุณจะเจอมันได้ที่ C:\Program Files\PremiumSoft\Navicat 8.0 MySQL\ntunnel_mysql.php แนะนำว่า ให้อัปโหลดไปเก็บไว้ที่เดียวกับที่ท่านเก็บไฟล์ index.php

ตั้งค่าการเชื่อมต่อ
เปิดโปรแกรม Navicat ขึ้นมา
คลิกที่เมนู File>New Connection โปรแกรมจะเปิดหน้าต่าง ดังรูป

คลิกที่แท็บ HTTP
ติ๊กเครื่องหมายถูก เช็กบ็อก Use HTTP Tunnelในช่อง Tunnel URL ให้ป้อน http://www.ชื่อเว็บไซต์ของท่าน/ntunnel_mysql.php เช่น http://www.select2web.com/ntunnel_mysql.php

คลิกกลับไปที่แท็บ General
Connection Name : ตั้งชื่อการเชื่อมต่อ จะตั้งเป็นชื่ออะไรก็ได้
Host name/IP address : ลบ localhost ทิ้ง ปล่อยให้ว่างไว้
Port : ปล่อยไว้ตามเดิม
User name : ป้อน User name ที่ใช้เชื่อมต่อฐานข้อมูล
Password : ป้อน Password ที่ใช้เชื่อมต่อฐานข้อมูล

คลิกที่ปุ่ม Test Connection ถ้าทุกอย่างถูกต้อง จะต้องขึ้นหน้าต่าง Connection Successful

แต่ถ้าขึ้น หน้าต่างแจ้งว่า 1045-Access Denied for user ….. แสดงว่า การเชื่อมต่อไม่สำเร็จ ให้สำรวจขึ้นตอนตั้งแต่ต้นจนจบ ใหม่อีกรอบถ้าทุกอย่างเรียบร้อยดี ก็คลิกปุ่ม OK แล้วลอง ดับเบิลคลิก ตัว connection ที่สร้างขึ้นมาเมื่อกี้ดู ท่านจะเห็นตารางทุกตาราง ที่อยู่บนเซิฟเวอร์ ต่อจากนี้ไป ถ้าท่านทำอะไรกับฐานข้อมูลที่แสดง ก็จะส่งผลไปถึง ฐานข้อมูลบนเซิฟเวอร์ เห็นมั้ยว่า การจัดการข้อมูลจะง่ายขึ้น