Tạo một từ điển trực tuyến

Trong bài viết này, chúng ta sẽ viết một từ điển có thể tra trực tuyến bằng một cái click chuột kiểu Just Click 'n' See. Công cụ ta dùng là Javascript, và một từ điển trực tuyến (sẽ giải thích sau).

Internet Explorer có một đối tượng (object) tên là TextRange. Đối tượng này xác định qua vị trí đầu và cuối của một đoạn văn bản nào đó, ta có thể thay đổi vị trí này. Sức mạnh của TextRange chính là các phương thức (method) gắn với nó. TextRangre có khoảng gần 30 phương thức, trong đó có thể kể đến: collapse, expand, select, execCommand, findText, move, moveEnd, moveStart, getBookmark, moveToBookmark, moveToPoint, parentElement, pasteHTML, scrollIntoView, setEndPoint,... Bạn có thể tham khảo về TextRange trong MSDN.

Để tạo từ điển, ta sẽ dùng các phương thức sau:

• creatTextRange: tạo một đối tượng TextRange
• moveToPoint: định phạm vi TextRange đến vị trí định trước. Trong script của ta, vị trí được xác định là (event.x, event.y) với event là biến cố click chuột.
• expand: mở rộng phạm vi, phạm vi có thể mở rộng ra một từ, một câu hoặc toàn bộ vùng văn bản.
• select: chọn (tô sáng) TextRange. Thực ra cái này chỉ là màu mè: khi tra một từ, ta tô sáng từ đó cho... đẹp.
• text (thuộc tính): là đoạn văn bản là TextRange chứa. Đây chính là từ cần tra, vì với expand ta đã chuyển TextRange thành chọn 1 từ.

Ngoài ra, bạn cần có một từ điển (tất nhiên). Thí dụ: để ta từ hello trong từ điển của bạn ta cần dùng URL: http://www.vnstars.com/evdic.cgi?hello.

Sau đây là tập tin HTML thí dụ. Tất nhiên là chỉ để thử, chứ VNstars không có từ điển Anh Việt đâu!

Cuối cùng, xin nói thêm, là chúng ta có thể ứng dụng kĩ thuật này không chỉ trong việc làm từ điển trực tuyến, mà còn có thể thu gọn trang web dạng chỉ mục bằng cách loại bỏ các thẻ link () không cần thiết.