Tag: ajax

Categories
Javascript Web Design Web Programming

Javascript và những điều cần biết

javascript-fundamental-banner

Nếu bạn là 1 Web Developer, thì hẳn các bạn cũng đã từng Code Javascript ít nhất 1 lần. Javascript chính là nhân tố sống còn trong các thiết kế web hiện nay bởi nó giúp cho cái web khô khan của chúng ta trở nên mượt mà và vận hành trơn tru hơn.

Hôm nay mình sẽ chia sẽ tới các bạn một số kinh nghiệm cũng như 1 số lời khuyên khi các bạn viết Javascript. Phạm vi bài này sẽ không phải hướng dẫn các bạn code Javascript mà nó sẽ giúp các bạn có 1 cái nhìn toàn diện hơn về các vấn đề mà 1 Coder cần quan tâm khi làm việc với Javascript.

Các vấn đề mình sẽ đề cập tới là:
1.Tại sao phải là Javascript?
2.Sử dụng Javascript IDE nào?
3.Minified Code là gì?
4.Obfuscated Code là gì?
5.Tại sao phải học thêm jQuery?

Continue reading “Javascript và những điều cần biết”
Categories
Javascript Web Programming

Detect scrolling bottom của thẻ DIV

detect-scrolling-to-bottom-of-a-div-banner

Đang triển khai cái dzụ Scrolling Ajax, tính kiếm cái plugin nào xài thử thì chẳng thấy cái nào tốt và phù hợp ý mình cả, thôi thì tự sướng. Scrolling Ajax là cái chức năng dàn trang cao cấp mà bạn không cần phải nhấn link để sang trang khác, chỉ việc dùng thanh cuộn, kéo xuống hết thì nó sẽ tự động load tiếp nội dung của trang sau (sử dụng Ajax). Sau 1 hồi phân tích thì cái khó nhất của vụ án Scrolling Ajax không phải là load ajax mà là…làm sao biết đang ở cuối trang.

Continue reading “Detect scrolling bottom của thẻ DIV”
Categories
Flash Javascript Web Design Web Programming

Upload nhiều File 1 lúc với Swfupload.org

logo-swfupload

Hôm nay mình muốn chia sẽ với các bạn làm web một công cụ khá hay để upload nhiều file cùng một lúc, không cần phải refresh trang, có thể gọi callback trong javascript để xử lý(giống như AJAX).

Chi tiết:
– Front-end: Javascript, Flash
– Back-end: bạn có thể sử dụng ngôn ngữ nào cũng được vì giao tiếp client-server theo hình thức POST, chỉ cần phía server bạn xử lý là ok.

Đây là một công cụ khá hay và không thể thiếu trong bộ sưu tập đồ nghề làm web của bạn.
Website: http://www.swfupload.org/
Demo: http://demo.swfupload.org

Categories
Web Programming

jQuery, AJAX và IE7

Hôm nay gặp cái bug thật là đáng ghét bởi vì IE7.
Như các bạn cũng biết mình sử dụng AJAX để load một phần trang web mà thồi (vd như mình dàn trang trong một thẻ div). Đối với một trang web bình thường, mình khai báo một chức năng jquery trong đoạn
$(document).ready(function()
{
...
});
ví dụ như thêm chức năng mouseover/mouseout cho một selector nào đó. Và các chức năng được khai báo sẽ được tự thực hiện đối với các selector(class/id) tìm được trong toàn bộ trang HTML.
Việc này diễn ra bình thường trong FF,IE6. Nhưng hôm nay, vì lý do test nên khi xài IE7 tự nhiên thấy sao không trigger được các chức năng được khai báo đối với các nội dung được load bởi AJAX.

Theo suy đoán, có lẽ IE7 khi sử dụng AJAX để load nội dung vào 1 thẻ (div chẳng hạn), thì nội dung này (DOM) sẽ không được jquery nhận ra các selector, do đó các chức năng của selector trong nội dung AJAX này sẽ không hoạt động.
Mình đã thử mang các hàm khai báo chức năng jquery này ra ngoài đoạn
$(document).ready(function()
{
...
}); mà mang vào load cùng với nội dung của AJAX, và đã thành công, ít ra là thành công thêm với IE7.
Một chút chia sẽ với các bạn.