แก้ปัญหากล่อง <Select> ลอยใน IE6



ปกติแล้วส่วนต่างๆ ในหน้าเว็บนั้นนอกจากจะถูกจัดตำแหน่งให้เรียงจากซ้ายไปขวาหรือบนลงล่างได้แล้ว ยังสามารถซ้อนทับกันได้อีกด้วย ตัวอย่างเช่น เวลาเรากดดูรูปในเฟสบุ๊คแล้วรูปนั้นก็จะถูกแสดงจนเต็มหน้าจอบดบังส่วนอื่นๆ ไปหมด แต่เมื่อดูเสร็จแล้วรูปนั้นก็จะหายไป และส่วนอื่นของหน้าเว็บก็จะกลับมาถูกแสดงเหมือนเดิม ซึ่งคุณลักษณะนี้จะถูกกำหนดด้วย z-index ใน CSS ที่จะบอกว่าส่วนไหนควรถูกจัดเรียงยังไงจากหลังไปหน้า

ถึงแม้ว่าเราจะสามารถกำหนดคุณลักษณะนี้ได้กับทุกส่วนในหน้าเว็บ แต่ก็ยังมีข้อยกเว้นอยู่บ้างคือแท็ก <select> ใน IE6 (Internet Explorer เวอร์ชั่น 6) ซึ่งมีบั๊กที่ส่งผลให้แท็กนี้ไม่สนใจค่า z-index ที่ถูกกำหนดไว้ ทำให้เมื่อเราสั่งให้ส่วนอื่นมาแสดงผลทับส่วนที่เป็นแท็ก <select> นี้ ก็จะยังโดน <select> แสดงผลทับข้างหน้าอยู่ดี

วิธีแก้ไขคือใช้ library ของ jQuery ที่ชื่อ bgiframe และใช้คำสั่งต่อไปนี้

$('.fix-z-index').bgiframe();

โดยแทนที่ fix-z-index ด้วยชื่อส่วนของหน้าเว็บที่มีปัญหา แค่นี้ทุกส่วนก็จะถูกแสดงผลออกมาถูกต้องอย่างที่เรากำหนดเอาไว้

ทำไมต้อง WhatsApp ??

WhatApps mobile app ทำไมต้อง WhatsApp ?? หลายๆคน คงเคยมีเพื่อนๆ ถามว่า ลง WhatsApp หรือยัง โดยที่หลายคนอาจจะยังไม่รู้ว่า WhatsApp คืออะไร ทำไมต้อง WhatsApp

วันนี้เรามาทำความรู้จักเจ้าโปรแกรม WhatsApp กัน ว่ามันคืออะไรมีประโยชน์อย่างไร

WhatsApp คือ mobile application ที่สามารถส่งข้อความข้าม platform ได้ ไม่ว่าจะเป็น iPhone, BlackBerry, Android และ Nokia แต่ไม่เฉพาะ ข้อความเท่านั้น ยังสามารถส่ง รูปภาพ วีดีโอ และ audio media ต่าง ๆ ได้ด้วย

Read the rest of this article »

เพิ่มความสามารถในการ Cache ให้ Hibernate ด้วย EhCache



ในการใช้งานฐานข้อมูล (Database) โดยทั่วไปนั้นจะมีข้อมูลบางส่วนที่มีการเปลี่ยนแปลงไม่บ่อยนัก หรือไม่มีการเปลี่ยนแปลงเลย แต่ฐานข้อมูลก็ต้องมีการทำงานทุกครั้งที่มีการเข้าถึงข้อมูลเหล่านี้ ทำให้อาจเสียเวลาในการประมวลผลไปโดยเปล่าประโยชน์ หรือในกรณีของระบบที่มีการทำงานหนักมากก็อาจจะทำให้ระบบขัดข้องเนื่องจากฐานข้อมูลไม่สามารถตอบสนองต่อการเข้าถึงข้อมูลได้ทันเวลา
Read the rest of this article »

การใช้งาน jQuery ร่วมกับ Javascript Library อื่น


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

Read the rest of this article »

มือถือหาย ล้อมคอก

มือถือหาย ล้อมคอก

eagle prey fish.

Smart Phone ในปัจจุบันได้เป็นทุกอย่างในชีวิตเราไปแล้ว ทั้งนัดหมาย รูปภาพ และแหล่งบันเทิงส่วนตัว การโจรกรรม หรือการที่เราลืมวางไว้เกิดขึ้นบ่อยในชีวิตประจำวันของคนส่วนใหญ่ ที่เร่งรีบ และมีการแข่งขันสูง โปรแกรมช่วยป้องกันและตามหาโทรศัพท์เราคืน มีมากมายในตลาดปัจจุบัน
แต่วันนี้จะแนะนำโปรแกรมชื่อ Prey.

Read the rest of this article »

อยากได้ระบบ Office Automation เหมือนบริษัทชั้นนำ

อยากได้ระบบ Office Automation เหมือนบริษัทชั้นนำ

คุณกำลังใช้ หรือ อยากใช้ หรือเคยเห็น องค์กรขนาดใหญ่ใช้ Software เหล่านี้หรือไม่?

  • Microsoft Office, Word, Excel, Powerpoint, Visio
  • Microsoft Exchange, Outlook
  • Lotusnote

 

คุณสามารถใช้ประโยชน์ในลักษณะเดียวกันและ ประหยัดได้โดยอ่านต่อไปครับ
ผู้ประกอบการ ที่เริ่มสนใจการนำ Software มาช่วยงานด้านเอกสารพื้นฐานของบริษัท ต่างเริ่มหันมาใช้ Google Apps กัน (ความเดิมตอนที่แล้ว) แล้วเจ้าGoogle Apps มันดีเยี่ยมอย่างไรเรามาดูกัน ก่อนอื่นเรามาทำความเข้าใจ Product แต่ละตัวกันก่อนครับ

 

 

Read the rest of this article »

ทางเลือกในการลดต้นทุนทางด้านงานเอกสาร

ทางเลือกในการลดต้นทุนทางด้านงานเอกสาร

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

ปัญหาเหล่านี้สร้างความรำคาญและ เป็นอุปสรรค์ในองค์กรของคุณอยู่ใช่หรือไม่?

Read the rest of this article »

How To Google Map

 

Google Map 

คือ Applicationแผนที่onlineที่ GoogleเปิดAPIให้เราเรียกงานผ่านWebโดยไม่ต้องเสียค่า

ใช้จ่ายแต่อยางใดโดยgoogleได้เปิดช่องทางให้ท่านสามารถเรียกใช้งาน Google Mapsผ่าน

API ให้ไปปรากฏบนหน้าwebsiteของท่านได้และมีวิธีการทำที่ไม่ซับซ้อนมากจนเกินไป
 

ความรู้ที่เพื่อนควรมีก่อนการทำGoogle Map


         1 FlashScript หรือ JAVAScript

         2 Form HTMLและCSS

Read the rest of this article »

Manage test data for integration tests using Spring and DBUnit


    Testing is very important to application development. Most enterprise applications are related with persistence data in database system. If you have to test integration between DAOs and databases, called Data Access Objects Testing (DAOs Testing), you will prepare data in database for these testing. There are many ways to prepare test data in database.

  • 1. Inserting test data using SQL script by manually.
  • 2. Import and Export data automatically by other applications.

DBUnit is a tool which provides for Data Access Objects Testing.

Read the rest of this article »

SSO and Identity Management

         Nowadays, web-applications have grown over to support business processes in many organization. Each application has many users, groups and roles, that is responsible of administrator to manages its. Single sign-on (SSO) and identity management can reduce the administrator work about managing user information that is kept in a centralized repository.
 

Read the rest of this article »

Apache POI


    Apache POI เป็น API ที่ช่่วยเราในการเขียนและอ่านเอกสาร ของ Microsoft Office

ซึ่งสามารถหาดูตัวอย่างและdownload source code มาใช้งานได้ที่ http://poi.apache.org

โดยเราสามารถแบ่ง Component ใน POIได้เป็นส่วนๆดังนี้

  • Excel
  • Word
  • PowerPoint
  • OpenXML4J
  • OLE2 FileSystem
  • Outlook
  • Visio
  • Publisher

Read the rest of this article »

Setting multiple JAVA_OPTS in Tomcat

Every JAVA Developer should know how to set Java runtime options. Tomcat’s document said that setting Tomcat’s Java runtime options is as easy as setting ordinary Java runtime options by set those options in environment variable named JAVA_OPTS. When I try to set multi Java runtime options in Tomcat core script, catalina.bat, it appear that I cannot start my Tomcat Server due to fault configuration in JAVA_OPTS that lead to fault execute command in the last part of core script. What is happening here?
Read the rest of this article »

HSQL (HypersonicSQL)

HSQL เป็น Database Server เป็นอีกตัวเลือกหนึ่งของ Java
Developer เหมาะสำหรับการทำงานเกี่ยวกับการ testing และ de-
ployment of database applications ด้วยขนาดที่เล็กและทำงานได้
รวดเร็ว

ประโยชน์

  • HSQL มีขนาดเล็ก
  • HSQLใช้ทรัพยากรบนเครื่องน้อย
  • HSQL เหมาะสำหรับผู้ที่ต้องการทดลองการทำงานที่ใช้งาน Database
  • HSQLสามารถเลือกmodeในการใช้งาน Database เช่นการเก็บข้อมูล ใน Memory ,การเก็บข้อมูลลงบนFile
  • HSQL เป็น Open Source ที่ให้ใช้ฟรีสามารถใช้การค้าได้
  • HSQL สามารถใช้งานร่วมกันกับ Hibernate

Read the rest of this article »

How to write a GOOD defect report

Defect report คือรายงานที่แสดงผล การทดสอบระบบงาน ที่เกิดข้อผิดพลาดหรือ ไม่สอดคล้องกับ functional specification

การเขียน defect report ที่ดีนั้น จะช่วยให้

  • แก้ไขความผิดพลาดที่เกิดขึ้นได้อย่างรวดเร็ว
  • การ test เกิดประสิทธิภาพ
  • ลดจำนวนข้อผิดพลาดในอนาคต
  • ช่วยเรื่องการประสานงานระหว่าง ทีม tester และ ทีม developer

Read the rest of this article »

Http SVN

SubVersioN

( SVN http://en.wikipedia.org/wiki/Subversion_(software)) ซึ่งเป็น Open Source Application ที่ทำหน้าที่ Revision control ซึ่งได้รับความนิยมสูงมากตัวหนึ่ง โดยถูกสร้างขึ้นมาเพื่อทดแทนการทำงาน Concurrent Versions System (CVS) ที่เริ่มไม่รองรับความต้องการในปัจจุบันที่ต้องการความสามารถในการควบคุมและจัดการ version ของไฟล์ สามารถติดต่อ svn ได้ทั้งแบบ local network file และแบบ http protocol แต่ในบทความนี้จะพูดถึงเฉพาะการติดตั้ง svn แบบ http protocol

ในการติดตั้ง http svn จะต้องเตรียม software ที่เกี่ยวข้องดังนี้

Read the rest of this article »

การใช้งาน Tapesty ร่วมกับ Spring Framework

   Tapestry เป็นเฟรมเวิร์คสำหรับพัฒนาเว็บแอพพลิเคชั่นด้วยจาวาที่มีประสิทธิภาพมากเฟรมเวิร์คหนึ่ง ด้วยการทำงานในรูปแบบ Component-Centric ที่มีความสามารถหลักๆคือทำให้เราสามารถนำโค๊ดเก่ามาใช้ใหม่ได้ ง่าย และยังมี HiveMind ที่ทำให้สามารถใช้แนวคิด Inversion of Control (IoC)ในการพัฒนาได้อีกด้วย

   แต่การพัฒนาแอพพลิเคชั่นด้วยแนวคิดแบบ IoC ในปัจจุบันนั้น การใช้ Spring Framework จะเป็นที่นิยมแพร่หลายมากกว่า ฉะนั้นถ้าเราสามารถนำ Spring Framework มาใช้งานร่วมกับ Tapestry ได้ ก็จะเป็นประโยชน์มากทีเดียว

Read the rest of this article »

Introduction to SQL #2

Manipulating Data

Command Description
INSERT Adds a new row to the table
UPDATE Modifies existing rows from the table
DELETE Removes existing rows from the table
COMMIT Makes all pending changes permanent
ROLLBACK Discards all pending data changes

Insert

Read the rest of this article »

Introduction to SQL

Introduction

SQL:Structured Query Language

SQL is a standard computer language for accessing and manipulating databases.

SQL commands

  • Data retrieval : SELECT
  • Data manipulation language(DML) : INSERT, UPDATE, DELETE
  • Data definition language(DDL) : CREATE, ALTER, DROP, RENAME, TRUNCATE
  • Transaction control : COMMIT, ROLLBACK, SAVEPOINT
  • Data control language(DCL) : GRANT, REVOKE

Data retrieval

Selecting Rows

Read the rest of this article »

How to install WebSphere Information Integrator Content Edition (IICE)

IBM WebSphere Information Integrator Content Edition installation
     These are required softwares for full IICE installation. Each software would have prerequisite hardware and software requirements, you can see more informations in the links below. The installation procedure might be complete only with corresponding version.

  • DB2 UDB V8.2
  • Based Version : DB2 UDB V8.1
    Extension : Fixpack 7A

  • WebSphere Business Integration Server Foundation (WBISF) V5.1.1
  • Based Version : WebSphere Business Integration Server Foundation (WBISF) V5.1
    Extension : WebSphere Application Server (WAS) Fixpack 1

      : WebSphere Business Integration Server Foundation (WBISF) Fixpack 1
  • DB2 Content Manager
  • Based Version : DB2 Content Manager V8.3

  • WebSphere Information Integrator Content Edition
  • Based Version : WebSphere Information Integrator Content Edition V8.3

    Read the rest of this article »

    ข้อแตกต่างระหว่าง BeanFactory และ ApplicationContext

    Question

    BeanFactory และ ApplicationContext ต่างกันอย่างไร เมื่อใดควรจะใช้ BeanFactory เมื่อใดควรจะใช้ ApplicationContext

    Answer

    BeanFactory และ ApplicationContext ต่างก็เป็น interface ของ implementation ที่เป็น bean container ซึ่งโดยทั่วไป application code จะใช้ interface ทั้งสองตัวนี้ ในการ access object ที่สร้างมาจาก bean definition

    ข้อแตกต่างของทั้งสองตัวนี้ อยู่ที่ feature ของ implementation โดย ApplicationContext นั้นเป็น interface ที่ขยายต่อเติมออกมาจาก BeanFactory เพื่อเพิ่ม feature หลายๆ อย่างเข้าไป โดยสามารถสรุปเป็นหัวข้อได้ดังนี้

    Read the rest of this article »