[Code] Chuyển hướng liên kết ngoài

Zzbaivong wrote:Là một Admin, đa phần đều muốn 4rum có lượng truy cập đông, thời gian ở lại lâu, tất nhiên sẽ chẳng ai muốn người xem rời đi chỉ vì click nhầm một liên kết nào đấy. Một thông báo, nhắc nhở khi người xem click vào liên kết lạ sẽ có ích trong trường hợp này, trong lúc người xem đang suy tư với thì một số Admin còn gắn thêm quảng cáo, hoặc kèm vài lời đe dọa như: Chúng tôi không chịu trách nhiệm khi bạn chuyển đến liên kết này, bala bala...



Về chức năng thì vẫn như cũ, khi người xem click vào liên kết ngoài (trừ liên kết ảnh), sẽ xuất hiện một thông báo chuyển hướng với 2 lựa chọn: Trở về hoặc tiếp tục, tự chuyển sau 5 giây nếu người xem không lựa chọn.

Ưu điểm:
    Không cần tạo trang HTML.
    Đáp ứng nhanh, ngay khi click.
    Giả liên kết, tương tự mod chuyển hướng của Xenforo.

Nhược điểm:
    Liên kết giả, nên sẽ không truy cập được.


Hướng dẫn:


Bước 1: CSS
ACP >> Display >> Pictures and Colors >> Colors >> CSS Stylesheet

Code:

/* zzRedirects - devs.forumvi.com */
#redirects{width:75%;border:1px solid #CCC;margin:30px auto;padding:20px 30px}
#redirects h3{border-bottom:1px dashed #ddd;font-size:17px;font-weight:400;padding-bottom:10px;color:#830000;margin:0 0 20px}
#redirects p{color:#222;font-size:13px;line-height:20px;margin:5px auto 15px}
.redirectFooter{background-color:#fff;padding:20px 0 30px}
.redirectButtons{float:right;list-style-type:none;margin:0;padding:0}
.redirectButtons li{float:left}
.redirectButtons a{transition:all .2s linear 0;-moz-transition:all .2s linear 0;-o-transition:all .2s linear 0;-webkit-transition:all .2s linear 0;background-color:#0063dc;border:0 none;color:#fff!important;font-size:12px;line-height:30px;min-width:45px;text-align:center;display:block;text-decoration:none!important;padding:0 10px}
.redirectButtons a.cancel{background-color:#eee;color:#888!important;margin-right:10px}
.redirectButtons a:hover{background:#333}

Bước 2: Javascript:
ACP >> Modules >> HTML & JAVASCRIPT >> Javascript codes management >> Create a new javascript

Title * : zzRedirect
Placement : In the topics
Javascript Code * :

Code:

/* zzRedirects - devs.forumvi.com */
$(function () {
    $(".post-entry a").not("a[href$='.jpg'],a[href$='.jpeg'],a[href$='.png'],a[href$='.gif'],a[href$='.bmp'],a[href^='/'],a[href^='" + location.origin + "']").click(function (a) {
        a.preventDefault();
        a = location.href;
        var b = this.href;
        z = "/redirect/?url=" + encodeURIComponent(b);
        window.history && history.pushState ? history.pushState({}, "Đang chuyển hướng...", z) : location.hash = z;
        var d, c = 5;
        $("#main-content").html('<div id="redirects"><h3>Đang chuyển hướng...</h3><p class="redirectMess">Bạn đang chuẩn bị rời khỏi <strong>' +
            document.title + '</strong> và di chuyển đến đường dẫn: <strong><a href="' + b + '" rel="nofollow">' + b + '</a></strong> trong vòng <strong><span class="delayTime">' + c + '</span></strong> giây nữa... Bạn có chắc chắn là muốn đến đường dẫn này không?</p><div class="redirectFooter"><ul class="redirectButtons"><li><a class="cancel" href="' + a + '">Quay lại</a></li><li><a href="' + b + '" class="redirectSkip forward" rel="nofollow">Tiếp tục (<span class="delayTime">' +
            c + "</span>)</a></li></ul></div></div>");
        d = setInterval(function () {
            var a = c--;
            0 > a ? window.location = b : $(".delayTime").text(a)
        }, 1E3);
        $(".redirectButtons a").click(function () {
            clearInterval(d)
        })
    })
});

Zzbaivong