| wolfe |
07-08-2017 11:47 AM |
Javascript Clean Up..
1 Attachment(s)
I use a old Ajax rating system but the code seems a little out dated can anyone help bring it upto date with the same effect :)
these are the errors im getting.
Attachment 156507
Code:
if (document.images) {
pic1 = new Image(220, 19);
pic1.src = "./backend/images/rating_loading.gif";
pic2 = new Image(25, 75);
pic2.src = "./backend/images/rating_star.png";
pic3 = new Image(25, 75);
pic3.src = "./backend/images/rating_star_2.png";
pic4 = new Image(16, 13);
pic4.src = "./backend/images/rating_tick.gif";
pic5 = new Image(14, 14);
pic5.src = "./backend/images/rating_warning.gif";
}
// AJAX ----------------------------------------
var xmlHttp
function GetXmlHttpObject() {
var xmlHttp = null;
try {
// Firefox, Opera 8.0+, Safari
xmlHttp = new XMLHttpRequest();
} catch (e) {
// Internet Explorer
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
// Calculate the rating
function rate(rating, id, show5, showPerc, showVotes) {
xmlHttp = GetXmlHttpObject()
if (xmlHttp == null) {
alert("Your browser does not support AJAX!");
return;
}
xmlHttp.onreadystatechange = function() {
var loader = document.getElementById('loading_' + id);
var uldiv = document.getElementById('ul_' + id);
if (xmlHttp.readyState == 4) {
//loader.style.display = 'none';
var res = xmlHttp.responseText;
//alert(res);
if (res == 'already_voted') {
loader.style.display = 'block';
loader.innerHTML = '<div class="voted_twice">You already voted!</div>';
} else {
loader.style.display = 'block';
loader.innerHTML = '<div class="voted">Thanks for voting!</div>';
if (show5 == true) {
var out = document.getElementById('outOfFive_' + id);
//var calculate = res/20;
//out.innerHTML = Math.round(calculate*100)/100; // 3.47;
out.innerHTML = res; // 3.5;
}
if (showPerc == true) {
var perc = document.getElementById('percentage_' + id);
var newPerc = Math.round(res * 2) * 10;
//var newPerc = res;
perc.innerHTML = newPerc + '%';
} else if (showPerc == false) {
var newPerc = res;
}
if (showVotes == true) {
var votediv = document.getElementById('showvotes_' + id).firstChild.nodeValue;
var splitted = votediv.split(' ');
var newval = parseInt(splitted[0]) + 1;
if (newval == 1) {
document.getElementById('showvotes_' + id).innerHTML = newval + ' Vote';
} else {
document.getElementById('showvotes_' + id).innerHTML = newval + ' Votes';
}
}
var ulRater = document.getElementById('rater_' + id);
ulRater.className = 'star-rating2';
var all_li = ulRater.getElementsByTagName('li');
// start at 1 because the first li isn't a star
for (var i = 1; i < all_li.length; i++) {
all_li[i].getElementsByTagName('a')[0].onclick = 'return false;';
all_li[i].getElementsByTagName('a')[0].setAttribute('href', '#');
}
if (navigator.appName == 'Microsoft Internet Explorer') {
uldiv.style.setAttribute('width', newPerc + '%'); // IE
} else {
uldiv.setAttribute('style', 'width:' + newPerc + '%'); // Everyone else
}
}
} else {
loader.innerHTML = '<img src="./backend/images/rating_loading.gif" alt="loading" />';
}
}
var url = "rating_process.php";
var params = "id=" + id + "&rating=" + rating;
xmlHttp.open("POST", url, true);
xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlHttp.setRequestHeader("Content-length", params.length);
xmlHttp.setRequestHeader("Connection", "close");
xmlHttp.send(params);
}
|
More Information