PDA

Zobacz pełną wersję : Potrójny system ocen (autora, użytkowników, głosującego) dla Joomli 1.7


Corvus
24-03-2012, 19:41
Chciałbym wdrożyć na swojej stronie taki system ocen jak na Kawernie http://www.kawerna.pl/aktualnosci/z-polski/item/4026-blok-gier-komputerowych-na-pyrkonie-–-znamy-juz-ostateczny-ksztalt.html
(http://www.kawerna.pl/aktualnosci/z-polski/item/4026-blok-gier-komputerowych-na-pyrkonie-–-znamy-juz-ostateczny-ksztalt.html)Ktoś się może orientuje, co to za skrypt albo plugin do K2?


<!-- K2 Plugins: K2AfterDisplayContent -->
<style type="text/css">
.K2Votes_digit {
color: #FFFFFF;
font-size: 32px;
padding: 0;
margin: 0;
}
.K2Votes_contener {
background: url("/templates/ja_anion/images/bx-bc2.png") repeat scroll 0 0 transparent;
float:right;
height:100%;
width:50px;
text-align: center;
}
.K2Votes_usertext {
float: left;
font-size: 16px;
font-weight: bold;
margin-left: 7px;
text-align: center;
}
.K2Votes_vote{
background: none repeat scroll 0 0 white;
border: 1px solid black;
float: left;
font-size: 6px;
height: 6px;
padding: 0 2px;
width: 0;
cursor: pointer;
}
.K2Votes_vote_hover{
background: none repeat scroll 0 0 red;
}
</style>
<div style="float: left; width: 535px; height: 50px; background: none repeat scroll 0pt 0pt rgb(247, 250, 254); border: 1px solid rgb(221, 221, 221);">
<div style="width:178px;height:50px;border-right:1px solid #1c1f21;float: left;">
<div class="K2Votes_usertext" style="margin-left: 40px">Ocena<br />autora</div>
<div class="K2Votes_contener">
<span class="K2Votes_digit">-</span>
</div>

</div>
<div style="width:178px;height:50px;border-right:1px solid #1c1f21;float: left;">
<div class="K2Votes_usertext" style="margin: 0 0 0 25px">Ocena<br />kawernian</div>
<div class="K2Votes_contener">
<span class="K2Votes_digit" id="wszyscy_ocena">-</span>
</div>

</div>
<div style="width:177px;height:50px;float: left;">
<div class="K2Votes_usertext" style="margin: 0 0 0 15px">Twoja ocena

<div style="margin-left: -11px;">
<div onclick="ocena_ch(0.5,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(0.5);" class="K2Votes_vote" id="K2Votes_vote_1"></div>
<div onclick="ocena_ch(1,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(1);" class="K2Votes_vote" id="K2Votes_vote_2"></div>
<div onclick="ocena_ch(1.5,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(1.5);" class="K2Votes_vote" id="K2Votes_vote_3"></div>
<div onclick="ocena_ch(2,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(2);" class="K2Votes_vote" id="K2Votes_vote_4"></div>
<div onclick="ocena_ch(2.5,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(2.5);" class="K2Votes_vote" id="K2Votes_vote_5"></div>
<div onclick="ocena_ch(3,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(3);" class="K2Votes_vote" id="K2Votes_vote_6"></div>
<div onclick="ocena_ch(3.5,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(3.5);" class="K2Votes_vote" id="K2Votes_vote_7"></div>
<div onclick="ocena_ch(4,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(4);" class="K2Votes_vote" id="K2Votes_vote_8"></div>
<div onclick="ocena_ch(4.5,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(4.5);" class="K2Votes_vote" id="K2Votes_vote_9"></div>
<div onclick="ocena_ch(5,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(5);" class="K2Votes_vote" id="K2Votes_vote_10"></div>
<div onclick="ocena_ch(5.5,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(5.5);" class="K2Votes_vote" id="K2Votes_vote_11"></div>
<div onclick="ocena_ch(6,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(6);" class="K2Votes_vote" id="K2Votes_vote_12"></div>
<div onclick="ocena_ch(6.5,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(6.5);" class="K2Votes_vote" id="K2Votes_vote_13"></div>
<div onclick="ocena_ch(7,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(7);" class="K2Votes_vote" id="K2Votes_vote_14"></div>
<div onclick="ocena_ch(7.5,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(7.5);" class="K2Votes_vote" id="K2Votes_vote_15"></div>
<div onclick="ocena_ch(8,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(8);" class="K2Votes_vote" id="K2Votes_vote_16"></div>
<div onclick="ocena_ch(8.5,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(8.5);" class="K2Votes_vote" id="K2Votes_vote_17"></div>
<div onclick="ocena_ch(9,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(9);" class="K2Votes_vote" id="K2Votes_vote_18"></div>
<div onclick="ocena_ch(9.5,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(9.5);" class="K2Votes_vote" id="K2Votes_vote_19"></div>
<div onclick="ocena_ch(10,4026)" onmouseout="ocena_h(0);" onmouseover="ocena_h(10);" class="K2Votes_vote" id="K2Votes_vote_20"></div>
</div>
<div id="ocena_komunikat" style="margin-left: 0px; font-size: 12px;"></div>
</div>
<div class="K2Votes_contener">
<span class="K2Votes_digit" id="twoja_ocena">-</span>
</div>

</div>
</div>
<script type="text/javascript">
var ocena=0;
function ocena_h (i)
{
document.getElementById("twoja_ocena").innerHTML = i;
for(var n=1; n<=20; n++)
{
if(n<=i*2) $("K2Votes_vote_"+n).addClass("K2Votes_vote_hover"); else $("K2Votes_vote_"+n).removeClass("K2Votes_vote_hover");
}

}
ocena_h("-");
function ocena_ch(vote,cid)
{
ocena=vote;
var xhr = null;

if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} else if (window.createRequest) {
xhr = window.createRequest();
} else if (window.ActiveXObject) {
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
vote = parseFloat(vote);
cid = parseInt(cid);
if ( vote > 0 && cid >= 0) {
xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status == 200) {
var response = eval("(" + xhr.responseText + ")");
if (response.tocena) document.getElementById("twoja_ocena").style.display = response.tocena;
if (response.wocena) document.getElementById("wszyscy_ocena").innerHTML = response.wocena;
document.getElementById("ocena_komunikat").innerHTML = response.komunikat;
}
}
var params = "params="+vote+"|"+cid;
xhr.open("POST","http://www.kawerna.pl/ajax.php",true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.setRequestHeader("Content-length", params.length);
xhr.setRequestHeader("Connection", "close");
xhr.send(params);
}

}
</script>