JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://static.kurir-info.rs/_cache/1392328691__core_94ade1a9b20063364ec25324637b6dc9caaa4b70.css">
<input class="justX" type="button" value="test" />
<section class="comments_module" itemtype="http://schema.org/UserComments" itemscope="">
<a class="anchor_point" id="komentari"></a>
<a href="#posalji-komentar" class="action_button_03 add right">Pošaljite komentar<span> </span></a>
<h2>Komentari (6)</h2>
<div class="sort_comments page_tabs clr_fix">
<ul>
<li class="active"><a href="/komentari/dacic-opoziciji-mi-lavovi-ne-obracamo-paznju-na-vas-komarce-clanak-1231383">Najnoviji</a></li>
<li><a href="/komentari/dacic-opoziciji-mi-lavovi-ne-obracamo-paznju-na-vas-komarce-clanak-1231383?sort=oldest">Hronološki</a></li>
<li><a href="/komentari/dacic-opoziciji-mi-lavovi-ne-obracamo-paznju-na-vas-komarce-clanak-1231383?sort=best-rated">Najbolje ocenjeni</a></li>
<li><a href="/komentari/dacic-opoziciji-mi-lavovi-ne-obracamo-paznju-na-vas-komarce-clanak-1231383?sort=worst-rated">Najlošije ocenjeni</a></li>
</ul>
</div>
<ul id="user_comments_list" class="c_list">
<li class="level_0">
<article data-comment-id="7072487">
<div class="img_wrap">
<img height="50" width="50" alt="milence" src="http://static.kurir-info.rs/images/avatar.png">
</div>
<div class="data_wrap">
<time datetime="2014-02-15T16:15:52+01:00" itemprop="commentTime">15.02.2014. u 16:15</time>
<h4 itemprop="creator">milence</h4>
<p itemprop="commentText">Ipak, da nije bilo Dacica, Tadic ne bi bio na vlasti ni godinu dana.</p>
<aside class="vote">
<a class="up">Preporučujem (<b>28</b>)<span> </span></a>
<strong>21</strong>
<a class="down">Ne Preporučujem (<b>7</b>)<span> </span></a>
</aside>
<a class="action_button_03 reply" data-parent-id="7072487">Odgovori<span> </span></a>
</div>
</article>
</li>
<li...
JavaScript
$('input').on('click', function () {
//alert('aaa');
// for kurir
var commentsKurirValue = readCookie("commentsKurir");
var timeIntervalKurir = readCookie("timeIntervalKurir");
if (commentsKurirValue != null) {
setTimeout(function () {
// the page is load after refresh
var value = "";
var commentValues = commentsKurirValue.split("#");
for (var i = 0; i < commentValues.length; i++) {
if (commentValues[i] != "") {
addVotesAfterRefreshKurir(commentValues[i].split(",")[0], commentValues[i].split(",")[1]);
var votesRemain = commentValues[i].split(",")[2] - 1;
if (votesRemain == 0) { // if no more votes - cookie value will not have this number and id also
commentValues[i] = commentValues[i] + "#";
commentsKurirValue = commentsKurirValue.replace(commentValues[i], "");
} else {
value += commentValues[i].split(",")[0] + "," + commentValues[i].split(",")[1] + "," + votesRemain + "#";
}
}
}
if (commentsKurirValue == "") {
alert("Dodavanje ocena na komentare završeno!" + "\n" + "Strana će se automatski refrešovati kako bi mogli opet da glasate.");
setTimeout(function () {
deleteRequiredCookiesB92AndKurir();
var refreshPage = document.location.reload(true);
}, 1000);
} else {
setTimeout(function () {
createCookie("commentsKurir", value, 1);
createCookie("timeIntervalKurir", timeIntervalKurir, 1);
var refreshPage = document.location.reload(true);
}, timeIntervalKurir);
}
}, 500);
}
// first time on page
var...