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

Tác giả: - vào lúc:

Bài viết : 289

Points : 601

Like : 160

Status : Đành vậy thế thôi

KiwiS-MOD

9/29/2016, 20:12

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

Bài viết : 134

Points : 210

Like : 12

Kou94MEM LV3

9/29/2016, 22:40

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?

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

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

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

Bài viết : 239

Points : 457

Like : 156

Status : Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi

lasperpenMOD

9/29/2016, 23:18

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;
    });
});

Bài viết : 134

Points : 210

Like : 12

Kou94MEM LV3

9/30/2016, 00:03

Đã 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

Bài viết : 9

Points : 11

Like : 0

roseila2310MEM

10/1/2016, 13:41

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

Ở 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() {

Bài viết : 134

Points : 210

Like : 12

Kou94MEM LV3

10/1/2016, 14:13

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