Cách làm nút Vote không chuyển trang

1 Cách làm nút Vote không chuyển trang Tue Nov 18, 2014 4:03 pm

bongdahay2014 Spammer

Bài viết : 17
Danh vọng : 0
Tham gia : 05/09/2014

Tường nhà

Bài viết

Kết bạn

Ngăn cấm

Cách làm nút Vote không chuyển trang JqiM0LW

Bước 1: Thêm vào CSS:

Code:: /* zzvote by Zzbaivong - devs.forumvi.com */ div.vote-zzvote{float:left;margin-left:2em} div.vote-zzvote > a.vote-plus{background:url(//i.imgur.com/1XX8Bz1.png) no-repeat 0/100% transparent;display:inline-block;float:left;width:20px;height:20px;transition:background .3s;-webkit-transition:background .3s;-moz-transition:background .3s} div.vote-zzvote > a.vote-plus[href=""]{background-image:url(//i.imgur.com/NpqDrus.png);cursor:default} div.vote-zzvote > a.vote-plus[href="javascript:;"]{cursor:not-allowed;opacity:0.5} div.vote-zzvote > a.vote-plus[href="javascript:;"] + span.vote-time{opacity:0.5} div.vote-zzvote > span.vote-time{background:#FFF;display:inline-block;position:relative;line-height:20px;margin-left:10px;border:1px solid #333;border-radius:3px;font-size:12px;padding:0 6px} div.vote-zzvote > span.vote-time:before{content:" ";display:block;position:absolute;left:-4px;top:50%;margin-top:-4px;width:6px;height:6px;background:#FFF;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-color:#333;border-style:solid;border-width:0 0 1px 1px} div.vote-zzvote > a.vote-plus[href=""] + span.vote-time{background:#0052FF;color:#FFF;border-color:#0347D6} div.vote-zzvote > a.vote-plus[href=""] + span.vote-time:before{background:#0052FF;border-color:#0347D6}

Mẫu nút like:

Bước 2: Sửa temp viewtopic_body

Xóa code nút vote mặc định

Code::  ...

Đặt code này ở div.post-options

Code::  <div class="vote-zzvote">  <a class="vote-plus" href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"></a> <span class="vote-time" data-vote="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">0</span>  </div>

Đặt code này ở trước div.main-foot

Code::  <script type="text/javascript"> //<![CDATA[ $(".vote-zzvote:empty").html('<a class="vote-plus" href="javascript:;"></a><span class="vote-time" data-vote="Message not voted">0</span>'); /* Nút vote rỗng cho trường hợp không có người vote bài của bạn */ $(".vote-time").text(function () { var info = $(this).data("vote"); /* Lấy thông tin nút vote */ if ("Message not voted" != info) { /* Nếu đã có người vote */ info = info.split(/\W/), time = parseInt(info[7], 10), /* Số lần click vote */ percent = parseInt(info[4], 10), /* Tỉ lệ % */ plus = Math.round(percent / 100 * time); /* Số lần vote cộng */ /* minus = time - plus; *//* Số lần vote trừ */ return plus; } }); $(".vote-plus").on("click", function (event) { event.preventDefault(); /* Chặn chuyển trang khi nhấn vào nút vote */ var $this = $(this), plus = $this.next(); if (this.href.indexOf("eval=plus&p_vote") != -1) { /* Nếu nút vote cộng chưa nhấn */ $this.css("background-image", "url(http://i57.servimg.com/u/f57/17/05/17/70/preloa10.gif)"); /* Hiệu ứng chờ tải dữ liệu */ $.post(this.href, function () { /* Gửi thông tin vote cộng */ plus.text(parseInt(plus.text(), 10) + 1); /* Khi gửi thành công thì thêm 1 đơn vị */ $this.removeAttr("style"); /* Xóa hiệu ứng chờ tải */ }); this.href = ""; /* Xóa liên kết vote cộng để không nhấn được nữa */ } }); //]]> </script>

Javascript rút gọn:

Zzbaivong

1 Cách làm nút Vote không chuyển trang Tue Nov 18, 2014 4:03 pm