[Code] Rút gọn liên kết dài trong bài viết

  • Móm Đặc Biệt
    1. [Code] Rút gọn liên kết dài trong bài viết
    avatar S-MOD

    Demo

    Code:
    http://gamelau.forum.st/t1565-t…int-san-do-vip-dmp-free#4652
    Chỗ dấu 3 chấm là chỗ đã rút gọn

    Cách làm

    Tạo 1 file Js mới chọn In the topics và cho code này vào
    Code:
    $(function() {
        $(".postbody a").text(function() {
            var txt = $(this).text();
            if (txt.length >= 60) {
                txt = txt.slice(0, 31) + "…" + txt.slice(-28);
            }
            return txt;
        });
    });

    Lưu ý:

    Nếu muốn thêm hoặc bớt số ký tự hiển thị trước khi đến dấu 3 chấm thì thay số 31 thành một số khác
    Nếu muốn thêm hoặc bớt số ký tự hiển thị sau dấu 3 chấm thì thay số 28 thành một số khác
    Tags: #code

  • Kou94
    Tjtus xem giúp mình với, mình làm theo nhưng nó không có hiệu lực, mà cái demo của Tjtus cũng không có link nào dài hết, sao xem được js có hoạt động hay không?



    Demo: https://goo.gl/27QMtm


    ----Không bỏ vào spoiler nha bạn-----

  • lasperpen
    3. Re: [Code] Rút gọn liên kết dài trong bài viết
    avatar ADM
    Thử lại code này đi thấy thiếu function s mà chạy đc
    Code:
    $(function() {
        $("a").text(function() {
            var txt = $(this).text();
            if (txt.length >= 60) {
                txt = txt.slice(0, 31) + "…" + txt.slice(-28);
            }
            return txt;
        });
    });

  • Kou94
    Đã thành công nhưng nên để $("a").text(function() thành $(".postbody a").text(function() thì sẽ hay hơn vì nó sẽ phát sinh lỗi với những link khác nằm trên khung thông tin thành viên Very Happy

  • roseila2310
    @Kou94 đã viết:Đã thành công nhưng nên để $("a").text(function() thành $(".postbody a").text(function() thì sẽ hay hơn vì nó sẽ phát sinh lỗi với những link khác nằm trên khung thông tin thành viên Very Happy

    Ở dòng thứ 2 của code trên nên chuyển thành như code dưới để chỉ tác dụng một vùng bài viết thui , tôi để postbody cái avt ẻm ngủm luôn á chú, mà chắc tùy skin, chọn 1 trong 2 nếu bị lỗi mà thôi :)

    Code:

    $(".post-entry a").text(function() {

  • Kou94
    Dùng code này làm ẩn hình ảnh trong bài viết vì nó nhận luôn link ảnh

  • Sponsored content

Thông tin tác giả
avatar
S-MOD
Bài viết :
287
Points :
594
Like :
157
Punbb
An toàn
Status :
Đành vậy thế thôi
Xem lý lịch thành viên http://vnraovat.forumvi.com/
Thông tin tác giả
avatar
MEM LV3
Bài viết :
114
Points :
169
Like :
9
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
ADM
Bài viết :
193
Points :
393
Like :
142
PhpBB3
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
MEM LV3
Bài viết :
114
Points :
169
Like :
9
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM
Bài viết :
9
Points :
11
Like :
0
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV3
Bài viết :
114
Points :
169
Like :
9
Punbb
An toàn
Xem lý lịch thành viên
Thông tin tác giả
Sponsored content
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết