Creating a rating system

[mateo710]

So on my website I want to make a sort of rating system that is a 1 vs 1 kind. So people pic one of the other and then it randomizes to 2 other photos. That way one photo gets an up vote and the other just stays at its previous score. Unfortunately I have no idea where to start. Do any of you have some experience with this?

 

[webstudent123]

If you are

not a programmer.. your best bet would be to install wordpress and search the add-ons for a voting plugin- I did something similar in the past, but not with the 'randomized' feature.

Then make the new WP site resemble your current site and link to it.

You can also run a voting system through facebook.. google facebook photo contest/voting

 

[LearnWebDesign]

MOrning, what language is your site in and what application are you using to code in?

 

[mateo710]

MOrning, what language is your site in and what application are you using to code in?

its built in dreamweaver cs3, ive been using css to code it

 

[LearnWebDesign]

how far have you gotten in your design? do you have a link i can look at?

 

[mateo710]

how far have you gotten in your design? do you have a link i can look at?

www.saltlake10.com/index.html

you need to go to /index.html or you will be brought to a construction page. the black squares are potential ad space

 

[LearnWebDesign]

Here's a java script for a simple star rating system:

<script>
freeze = 0;
hasRated = false;
function point_it(event,freezeit){
pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("rating_image").offsetLeft;
pos_x = Math.round(pos_x/14)*14;
document.getElementById('rating_gradient').style.width = pos_x+"px";
if (freezeit) {
hasRated = true;
freeze = pos_x;
document.getElementById('hiddenRating').value = pos_x/28;
document.getElementById('RatingText').innerHTML = 'Current rating: <str' +'ong>'+(pos_x / 28)+'<\/strong>\/ 5';
}
}
function returntofreeze(){
document.getElementById('rating_gradient').style.width = freeze+"px";

}
</script>
How would you rate this?
<br />
<div id="rating_image" style="position:absolute"><img src="http://www.webassist.com/images/star_cutout.gif" width="140" height="28" alt="rating" onmousemove="point_it(event)" onclick="point_it(event,true)" onmouseout="returntofreeze()"/></div>
<div id="rating_gradient" style="width:0px;overflow:hidden;display:block;"><img src="http://www.webassist.com/images/star_gradient.jpg" width="140" height="28" /></div>
<input name="hiddenRating" type="hidden" id="hiddenRating" value="0" />
<div id="RatingText">Current rating: <strong>0</strong>/5</div>

I see your site is has no real coding applied to it yet, perhaps you should look into a CMS system for this project.

 

[mateo710]

i havent done any real coding at all. i was looking into using jquery. would a CMS system better suit it?

 

[LearnWebDesign]

with a CMS system you can have your site up and running in a day with the ratings system and more like a comments system, if you already have a domain and want to move ahead lemma know and il assist you with the instillation.

 

[mateo710]

alright so im looking into cms' right now and im thinking drupal or wordpress. i want to put in a voting system for people to vote on pics and i also want to put in a membership system. which would be best for this?

 

[mateo710]

so a quick update, i just installed wordpress to my site and now im looking in on how to integrate it. where do i make the changes that wordpress applies?

 

[LearnWebDesign]

Joomla has a Built in ratings system along with 1000's of other free custom applications which are editable if need be. Youtube some joomla vids you will see why this is my cms of choice