Gọi hàm Javascript sử dụng biến tên của hàm
Trong bài viết này mình chia sẻ với các bạn cách gọi hàm Javascript mà tên hàm đó được định nghĩa thông qua một biến hoặc bạn có thể hiểu đơn giản là hàm do người dùng tự đinh nghĩa hoặc hàm động. Hàm mà tên của hàm có thể được định nghĩa bằng cách ghép các chuỗi hay các giá trị khác nhau để tạo ...
Tối ưu hình ảnh sử dụng JQuery Cache Image
Một thực tế rằng ở thị trường Việt Nam các website sử dụng rất nhiều hình ảnh, hiệu ứng dẫn tới tốc độ truy cập trang rất chậm. Bản thân mình đã không ít đau đầu về vấn đề này. Và câu hỏi đặt ra làm sao để người dùng không phải chờ đợi quá lâu khi truy cập vào một page? Trên thực tế thì nguyên nhân ...
Custom select box với JQuery Select2
Mình cũng không giới thiệu quá nhiều về JQuery Select2.js nữa vì nó cũng khá nổi tiếng rồi. Trong bài viết này mình muốn chia sẻ với các bạn một số highlight tip mà mình đã ngộ ra trong quá trình làm việc với JQ.Select2.js mà thôi. Có thể nói tính đến thời điểm hiện tại thì mình thấy JQuery ...
Arguments của hàm trong javaScript
Có thể nói javaScript là ngôn ngữ hướng đối tượng, hầu như mọi thứ trong javaScript đều làm việc theo hướng đối tượng như chuỗi, mảng... Bởi vì bên trong mọi hàm JavaSctipt đều tồn tại một biến theo ngữ cảnh có tên là arguments , nó không phải là một mảng đúng nghĩa vì mảng trong javaScript cũng ...
Tự tạo Scroll Indicator bằng Javascript
Scroll Indicator là gì? Hiểu một cách đơn giản Scroll Indicator là một thanh tiến trình (Max=100%) cho bạn biết được trạng thái hoàn thành(bao nhiêu %) của một tác vụ nào đó khi bạn scroll thanh cuộn của Browser hoặc thanh cuộn của một box. Các bước để xây dựng một Scroll Indicator. ...
Bài 05: Thẻ Table trong HTML
Chắc các bạn đã từng sử dụng Excel thì bạn thấy rằng dữ liệu trong Excel được bố trí trong các ô của một bảng. Các ô được tạo ra bởi các hàng và các cột. Và dữ liệu được chúa trong các ô(cell) được tạo bởi các hàng và các cột. Cũng tương tự như Excel. HTML cũng cho phép chúng ta trình bày dữ ...
Bài 08: Thẻ FORM trong HTML
1. Thẻ Form là gì? Thẻ form trong HTML được sử dụng để lấy các thông tin do người dùng nhập vào. 2. Các thành phần trong FORM gồm những cái gì? Trong một form có một hoặc nhiều các điều khiển cho phép người dùng nhập dữ liệu vào các thẻ input trong HTML, thẻ select, thẻ textarea...vv ...
Bài 04: Thẻ Liên Kết Trong HTML
Một trang web có thể chứa các liên kết khác nhau để liên kết trực tiếp với các trang khác hay trong một phần của một trang. Những liên kết này được gọi là Hyperlinks (siêu liên kết). Hyperlinks cho phép người truy cập vào các trang web khác nhau bằng cách nhấn chuột vào từ, cụm từ, và hình ảnh. ...
Hiệu ứng pre-loader animation facebook
Có một bạn hỏi mình làm hiểu ứng này như thế nào? Thì nhân tiện hôm nay cũng khá nhàn rỗi nên mình hướng dấn bạn làm. Thực ra cái này cũng không khó như bạn ý nghĩ và nó cũng có trên mạng rồi và trước mình cũng tham khảo ở trang nào đó. Mình nhớ đó là một trang của một bạn bên Thái Lan. Giờ làm mãi ...
Bài 07: Các thẻ Input trong HTML
Danh sách những thẻ Input trong HTML Thẻ input text: Cho phép người dùng nhập văn bản trên một dòng. Thẻ input file: Cho phép người dùng chọn một hoặc nhiều file để tải nên server-side. Thẻ input radio: Cho phép người dùng lựa chọn một trong nhiều lựa chọn được cung cấp. Thẻ input ...
9 thư viện JS/CSS hữu ích với các lập trình viên
1.Propeller Propeller là một thư viện CSS cung cấp các component được xây dựng dựa trên Bootstrap và Material design. Bao gồm 25 component, hỗ trợ responsive và hiệu ứng quen thuộc của Material Design . Bạn có thể download Propeller dưới dạng theme cho bootstrap, hoặc một framework đầy đủ ...
Bài 09: Tổng quan về CSS
1. Tổng quan về css CSS là viết tắt của cụm từ “Cascading Style Sheet” , nó là một ngôn ngữ quyết định cách trình bày của thẻ HTML trên trang web CSS quy định cách hiển thị nội dung của các thẻ HTML trên các trình duyệt gần như giống nhau, bằng cách quy định các thuộc tính cho ...
Share tool HTML buider v2.28
Hôm nay mình share cho các bạn một tool HTML Buider cho các bạn nào cần. Bản thân mình thấy nó cũng khá là hay hay. Bạn có thể tích hợp nó vào công cụ quản trị cho phép khách hàng tự xây dựng các trang landing page. Hay ứng dụng trong việc xây dựng các theme HTML.
JQuery selector là gì?
Có một câu slogan của JQuery được gắn ở bất kỳ đâu là “write less, do more” , hiểu đơn giản chính là viết ít mà hiệu quả đạt được lại tối đa. Điều này đúng so với Javascript cũng như các thư viện khác của Javascirpt. Chính vì lẽ đó mà các JQuery Selector được xây dựng theo hướng rất đơn ...
Javascript DOM Element là gì?
Nội dung của bài này chúng ta tìm hiểu các vấn đề sau: Tìm thẻ HTML theo ID Tìm thẻ HTML theo class Tìm thẻ HTML theo tên thẻ Tìm thẻ HTML theo selector 1. Tìm thẻ HTML theo ID Để truy xuất tới một thẻ HTML theo ID ta sử dụng cú pháp sau: var element = document.getElementById ...
Sự kiện trong jQuery - JQuery events
1. Sư kiện là gì??? Sự kiện sinh ra để phản hồi lại các tương tác của người dùng với trang web. Có lẽ chúng ta đã khá quen thuộc với các sự kiện như onclick, onmousedown, onkeydown,…… trong javascript. JQuery tất nhiên cũng cung cấp đầy đủ những sự kiện trong javascript. Không chỉ ...
Hàm setTimeout và tạo dòng chữ cuộn thanh tiêu đề của trình duyệt bằng Javascript
1. Hàm setTimeout() Hàm setTimeout() được sử dụng để thiết lập một một khoảng thời gian nhất định sẽ thực hiện một hành động hay nhiệm vụ nào đó. Nhưng cần lưu ý là nó chỉ thực hiện duy nhất có một lần thôi nhé. Cú pháp : setTimeout(function, time) Trong đó : function: là nội dung ...
Tìm hiểu cú pháp jQuery
1. Cú pháp jQuery Cú pháp jQuery dùng để chọn một hay nhiều nhóm hoặc các phần tử HTML và thực hiện một hay nhiều chuỗi “các hành động” với các phần tử này. Cú pháp cơ bản là: $(selector).action(); Hoặc JQuery(selector).action() Trong đó: Ký hiệu $/JQuery dùng ...
Làm menu ẩn hiện khi scroll bằng JQuery - Headroom
Có thể nói rằng menu là một thành phần không thể thiếu được trong một Website, nó điều hướng người dùng, giúp người dùng di chuyển giữa các mục khác nhau. Hiện nay có rất nhiều cách thể hiện phong cách cũng như vị trí đặt menu, nhưng thông dụng nhất là dạng menu nằm ngang. Khi người dùng scroll, ...
Bài 02: Các phần tử trong HTML
Trong bài trước mình đã viết một thẻ hay phần tử HTML là tất cả nội dung phía trong thẻ mở và thẻ đóng bao gồm cả tên thẻ. Thẻ bắt đầu * Nội dung của phần tử Thẻ kết thúc * <p> Đây là một đoạn </p> <a href="/default.htm"> Đây là một liên kết ...
