Archive

Archive for the ‘ajax’ Category

Googlipse : The Eclipse plugin for Google Web Toolkit (GWT)

January 10, 2007 2 comments

logo.jpg
พอดีมีผู้อ่านท่านหนึ่งได้แนะนำให้ผมนำเสนอ Eclipse plugin for Google Web Toolkit (GWT) ผมก็ยินดีที่จะนำมาเสนอให้ครับ บางท่านอาจจะยังไม่รู้ว่า Googlipse คืออะไร Googlipse คือ Plugin สำหรับพัฒนาเว็บโดยใช้ AJAX  Google Web Toolkit (GWT)มาเริ่มกันเลยดีกว่าครับ

ความต้องการเบื้องต้น

  • Eclipse 3.2
  • WebTools Platform 1.5
  • Java 1.5

วิธีการติดตั้ง

  • ก่อนอื่นต้องไป Download Googlipse จากเว็บไซต์ www.Googlipse.com โดยเลือกเอา version ล่าสุดนะครับ
  • หลังจากนั้นcopy ไฟล์ plugin com.googlipse.gwt_.jar ที่ได้จากการ Download ลงในx:\eclipse\plugins (อย่าลืม ก่อนเปิด eclipse ให้ทำตามนั้นตอนนี้ก่อนนะครับ)
  • เปิด Eclipse ขึ้นมา เลือกเมนู Window->Preferences->Googlipse และทำการเซ็ต GWT home ไปที่ directory ที่ติดตั้ง Google Web Toolkit.
  • ส่วนการใช้งานสามารถดูได้จากเว็บไซต์http://www.googlipse.com/ถ้าผมมีเวลาจะนำมาเสนออีกครั้งครับ
Categories: ajax, eclipse, plugins

Aptana The Web IDE

December 25, 2006 2 comments

screenshot_html_code_assist.png
ครับวันนี้นั้งปวดหัวกับ .NET เลยพักสมองท่องไปตามเว็บไซต์ต่าง ไปเจอเอา IDE ตัวนี้เข้าเออเจ๋งแฮะ ซึ่งเหมาะกับเว็บโปรแกรมเมอร์ที่ชอบเขียน Javascript หรือหรูหราขึ้นมาหน่อยก็ AJAX ผมลองตามไปดู clip ตัวอย่างการใช้งาน ก็ถือว่าเก่งพอตัวเลยทีเดียวคือเราสามารถ Debug script ที่เราเขียนได้ และมี Code Assist ทำให้สะดวกรวดเร็วในการ coding เอามากๆ

Aptana is a robust, JavaScript-focused IDE for building dynamic web applications. Highlights include the following features:

  • Code Assist on JavaScript, HTML, and CSS languages, including your own JavaScript functions
  • Outliner that gives a snapshot view of your JavaScript, HTML, and CSS code structure
  • NEW: FTP/SFTP uploading, downloading and synchronization
  • NEW: JavaScript debugger to troubleshoot your code
  • Error and warning notification for your code
  • Support for Aptana UI customization and extensions
  • Cross-platform support
  • Free and open source licensed under the Eclipse Public License, v1.0.

เว็บไซต์ : http://www.aptana.com/

Categories: ajax, rcp, tools

openWYSIWYG – The Ultimate Cross-Browser TextArea Replacement

December 16, 2006 1 comment

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

  • Loads extremely fast. Completely written in JavaScript and DHTML. No server side code (like PHP) required!
  • Easily view HTML source code and make “in code” adjustments.
  • Manage documents similar to Word. Bold, italicize, change the color of your text, and more.
  • Create numbered and bulleted lists.
  • Insert images, create tables, and link text.

วิธีการติดตั้ง

ก่อนอื่นต้อง Download openWYSIWYG จากเว็บไซต์ openwebware.com มาก่อนนะครับหลังจากนั้นก็ unzip ไปไว้ใน folder โปรเจ็คของท่าน แค่นี้ก็เสร็จเรียบร้อยครับ

วิธีการนำไปใช้งาน

1. เพิ่มบรรทัดนี้เข้าไปบน tag </head>

<script language=“JavaScript” type=“text/javascript” src=“/your_directory_path/openwysiwyg/wysiwyg.js”></script>

2. เพิ่ม textarea อย่าลืมเพิ่ม tagปิดนะครัย ลงใร form และตั้งชื่อ ID

<textarea id=”your_textarea“></textarea>

3. หลังจากนั้น เพิ่ม code java script ลงไปตรงข้างล่าง textarea

<script language=
“JavaScript”>
generate_wysiwyg(‘your_textarea‘);
</script>

แค่นี้ก็เสร็จเรียร้อยครับ

Categories: ajax, component