Free! Supernova Sitemap Generator

     โปรแกรมสร้าง Sitemap ดีๆอีกตัวมาแนะนำ  ซึ่งมีทั้งHTML site map,XML sitemap สำหรับ Google หรือ Text sitemap สำหรับ Yahoo หรือ search enginesตัวอื่นๆ

แต่โปรแกรมตัวนี้จะไม่สามารถไต่พวกเมนูที่ป็น Javascript นะครับ อันนี้ลองมากับตัว แล้วก็ทำให้ไำด้แนวคิดอะไรหลายๆอย่างในการทำเว็บ ถ้าอยากจะให้พี่ Bot ไต่ง่ายๆก็อย่าใช้ Javascript ไปทำเมนูเด็ดขาด ทั้ง Include เข้ามา หรือจะ Hard Code ก็ตาม (ไอเรื่องนี้ก็รู้กันมานานแล้วนะเกี่ยวกับ SEO ก็เขียนไว้ซะหน่อยเผื่อน้องๆมือใหม่ผ่านมาเจอครับ)

ปล. ยังมีพวก  Sitemap Generator Online อีกหลายที่ลองค้นหาดูใน Google นะจ๊ะ

^______^ ไปล่ะ ช่วงนี้ไม่มีเวลาเขียนเลยอุอุ
Download : http://www.supernova-soft.com/c5/index.php/products/sitemap_generator/

Firefox Add-ons วันนี้ขอเสนอ List All Images 0.6

Add-ons ตัวนี้อาจจะมีประโยชน์ตอนที่อยากจะดูแต่รูปในหน้าเว็บว่ามี รูปอะไร อยู่พาธไหน size เท่าไหร่ก็ประมาณนี้ล่ะครับ

Download: https://addons.mozilla.org/en-US/firefox/addon/3688#

แก้ไขไฟล์ hosts เพื่อเข้าเว็บโดยตรง เมื่อ DNS ยังไม่ Update

 หลายครั้งที่สร้าง Domain ใหม่หรือเปลี่ยนชื่อ Domain แล้วลูกค้าไม่สามารถเข้าเว็บได้เพราะ DNS ของ internet ที่ลูกค้าใช้อยู่นั้น Update ช้า  สำหรับใครที่เจอปัญหานี้แนะนำให้ช้วิธี แก้ไขไฟล์ hosts โดยให้เข้าไปที่

C:\WINDOWS\system32\drivers\etc

จากนั้นมองหาไฟล์ที่ชื่อ hosts ให้เปิดด้วย notepad ก็ได้ครับ เมื่อเปิดมาก็ให้เพิ่ม IP Address ของเว็บ เคาะเว้นวรรคแล้วตามด้วยชื่อเว็บ จากนั้นก็ Save เป็นอันเสร็จพิธี ตัวอย่างด้านล่างเช่น เป็นการเพิ่มชื่อเว็บ www.memo8.com ชี้มา IP 61.19.251.193 จะมีหน้าตาประมาณนี้

# Copyright (c) 1993-1999 Microsoft Corp.
#
# This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
#
# This file contains the mappings of IP addresses to host names. Each
# entry should be kept on an individual line. The IP address should
# be placed in the first column followed by the corresponding host name.
# The IP address and the host name should be separated by at least one
# space.
#
# Additionally, comments (such as these) may be inserted on individual
# lines or following the machine name denoted by a '#' symbol.
#
# For example:
#
#      102.54.94.97     rhino.acme.com          # source server
#       38.25.63.10     x.acme.com              # x client host

127.0.0.1       localhost

61.19.251.193 www.memo8.com

และนี่ก็คือการบอกเครื่องของเราว่าชื่อเว็บนี้ชี้ไปที่ IP นี้นะ พอเราเริ่มพิมพ์ชื่อเว็บเคาะ enter ป๊าบมันก็จะมาอ่านที่ไฟล์ host นี้ก่อนพอมันเห็น IP ที่บรรทัดเดียวกับชื่อเว็บปุ๊บมันก็วิ่งไปหา IP นั้นเลยโดยที่ไม่ต้องไปถาม DNS Server อีกแถมเร็วอีกตะหาก (ประมาณว่ารู้ทางไปแล้วโว้ย ไม่ง้อ DNS Server 555+)

ออกแบบ ER-Diagram ด้วย MySQL Workbench

Freeware ดีๆอีกตัวหลังจากที่เคยแนะนำ DBDesigner 4 ซึ่งดูแล้วก็มักจะ error บ่อยๆ ก็ลองไปใช้ดูกันนะคับ อย่างน้อยก็บั๊กน้อยกว่า DBDesigner ล่ะว๊า

Download ที่นี่จ้า : http://dev.mysql.com/downloads/workbench/5.1.html

โปรแกรมฟรีสำหรับจัดการงานเอกสารต้องนี่เลย “Openoffice”

 ดีจริงๆเลยมาแนะนำ หากแค่พิมพ์งาน word , excel หรืออืนๆในชุด Office ของ Microsoft ซึ่งราคาค่อนข้างสูงมาก แต่หลังจากที่ผมหันมาใช้ Openoffice ซึ่งเป็นของฟรี อยากจะพูดคำเดียวสั้นๆว่า “มันดีมาก” ส่วนตัวชอบมากครับ หน้าตาก็คล้ายๆกับชุด Office ของ Microsoft นั่นแหล่ะ เลยอยากจะแนะนำกัน

Download : http://download.openoffice.org/index.html

Javascript กำหนดจำนวนตัวอักษร(Maxlength)ให้กับ Textarea

สำหรับใครที่ต้องการกำหนดจำนวนตัวอักษรของ text area ให้เหมือน text input นั้นลอง script ตัวนี้เลยครับ support ทั้ง ie และ firefox
Javascript

function ismaxlength(obj){

var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""

if (obj.getAttribute && obj.value.length>mlength)

obj.value=obj.value.substring(0,mlength)

}

ตัวอย่าง

<textarea maxlength="40" onkeyup="return ismaxlength(this)"></textarea>

ที่มา: http://www.dynamicdrive.com/dynamicindex16/maxlength.htm

ฟรี! ออกแบบ Mind Map ด้วย FreeMind

    โปรแกรมFreeMind นี้กะเอามาเขียนในเว็บหลายครั้งแล้วแต่ลืม (อืมมมม หรือว่าจะแก่แล้ววะเนี่ยเรา) โดยโปรแกรมจะมี Tool หรือ Iconต่างๆ ให้ใช้ และยังปรับแต่ีงสีสันต่างๆได้อีกเอาเข้าป่ะ

FreeMindทำงานในลักษณะการลากวาง (Drag And Drop)งานเลยทีนี้ นอกจาก export เป็นรูป แล้วยัง export เป็น html (ตัวอย่าง) ได้อีก ว่าว หล่อเลยทีนี้

Download :  http://sourceforge.net/projects/freemind/

Download : http://www.download.com/FreeMind/3000-2051_4-10076598.html?tag=mncol;txt

Firefox Add-ons สำหรับดูว่า web page นั้นติด Google Analytics หรือไม่‏

Firefox Add-ons ชื่อ Counterpixel 1.14เพื่อความสะดวกในการดู Google Analytics เบื้องต้น

ถ้ามี Google Analytics ก็จะขึ้นที่ status bar ตามด้านล่างครับ

และสามารถคลิกที่ ดูรายละเอียด Analytics-ID ได้ ดังรูป

จริงๆ support หลายตัวเช่น

Supported are the following:
* Cybermonitor
* eStat
* eTracker
* Google Analytics (urchin.js/ga.js)
* Infonline (IVW)
* Nedstat Sitestat
* OEWA
* Omniture Sitecatalyst
* opentracker.net
* Piwik
* Prospectfinder
* Quantcast
* Reinvigorate
* Sitemeter
* Spring
* StormAnalytics
* Webtrends
* WEMF
* WiredMinds

Download: https://addons.mozilla.org/en-US/firefox/addon/5414

เปรียบเทียบวันที่ด้วย Javascript

หากเราจะเปรียบเทียบกันโต้งๆก็คงไม่ได้เราต้องอาศัย Date Object ของ javascript ช่วยด้วย โดยรูปแบบจะเป็นแบบนี้

new Date(yyyy, mm, dd);

มาดูตัวอย่าง script กันผมใช้ javascript split methodช่วยแยก วันเดือนปีเก็บเป็น Array เพื่อใ่สเข้าไปใน Date Object

<HTML>

<HEAD>

<script language="JavaScript" type="text/JavaScript">function validateF(){

 var theForm = document.form1;

var StartDate  = theForm['StartDate'].value;

  var StartDateArr  =  StartDate.split("/");

  var StartDateF = new Date(StartDateArr[2],StartDateArr[1],StartDateArr[0]);

var StopDate  = theForm['StopDate'].value;

  var StopDateArr  =  StopDate.split("/");

  var StopDateF = new Date(StopDateArr[2],StopDateArr[1],StopDateArr[0]);

if (StopDateF < StartDateF){

   alert('วันที่เริ่มต้องน้อยกว่าวันที่สิ้นสุดนะจ๊ะ');

  }else{

   alert('นี่แหล่ะสิ่งที่มันควรจะเป็น อุอุ');

  }

}

</script>

</HEAD>

<BODY>

<FORM METHOD=POST ACTION="" NAME="form1">

Çѹ·ÕèàÃÔèÁ<INPUT TYPE="text" NAME="StartDate" ID="StartDate" VALUE="25/01/2009">

ÊÔé¹ÊØ´<INPUT TYPE="text" NAME="StopDate" ID="StopDate" VALUE="03/01/2009">

<INPUT TYPE="Button"  VALUE="Button" onclick="validateF();">

</FORM>

</BODY>

</HTML>

ตัวอย่างโปรแกรมที่ได้

ดึงค่าจาก Text Input ที่ตั้งชื่อเป็น Array ด้วย Javascript

เอามาแป่ะกันลืมอย่างเคยอุอุ
ดูจาก code การทำงานก็คือ ถ้าคลิกที่ปุ่มก็จะไปเรียกฟังก์ชั่น getValueArray()เพื่อแสดงค่าใน Text Input ที่ตั้งชื่อเป็น Array ทั้งสองตัวครับ

<HTML>
<HEAD>

<script language="JavaScript" type="text/JavaScript">
function getValueArray(){
var arr = window.document.getElementsByName("ele[]");
var arr_length = arr.length;
for(i = 0; i < arr.length; i++){
alert(arr[i].value);

}
}
</script>

</HEAD>

<BODY>
<FORM METHOD=POST ACTION="" NAME="form1">
<INPUT TYPE="text" NAME="ele[]" ID="ele[]" VALUE="">
<INPUT TYPE="text" NAME="ele[]" ID="ele[]" VALUE="">
<INPUT TYPE="Button"  VALUE="Button" onclick="getValueArray();">
</FORM>
</BODY>
</HTML>

ตัวอย่างโปรแกรมที่ได้