Share Tạo biểu đồ xem trước các thông tin cơ bản của một địa chỉ web với thư viện jQuery URLive

filiallion

Administrator
Staff member
Administrator
Messages
585
Points
10
Language
Tiếng Việt
Thư viện jQuery URLive cho phép các bạn dễ dàng tạo ra một bản xem trước trực tiếp của bất kỳ địa chỉ nào trên biểu đồ với các chi tiết liên quan như tập tin đính kèm trên facebook chẳng hạn. Nó không chỉ làm việc trên một textarea hoặc input mà nó còn hoạt động trên cả thẻ a và bất kỳ thành phần nào khác với một URL trên nội dung của nó.

Để sử dụng thư viện jQuery URLive, các bạn cần phải tích hợp thư viện jQuery vào website. Các bạn có thể tải thư viện jQuery tại địa chỉ https://jquery.com/download và tải thư viện jQuery URLive tại địa chỉ https://github.com/markserbol/urlive.

Các bạn tích hợp thư viện jQuery URLive vào website với dòng mã lệnh như sau:
HTML:
<link href="path/to/jquery.urlive.css" rel="stylesheet">
<script src="path/to/jquery.urlive.min.js"></script>
Và cài đặt thư viện jQuery URLive với nội dung mã lệnh như sau:
JavaScript:
$(function() {
    $('.urlive').urlive({
        container: '.urlive-container'
    });
});
Áp dụng cho thành phần nào đó như ví dụ sau:
HTML:
<a href="http://gextend.net" class="urlive">Gextend</a>
 
Back
Top