only1wizard
asked on
star rating
how do i create a star rating in php?
thanks in advance for your help!
thanks in advance for your help!
ASKER
thanks i already understand the concept of how to create the back bone of the voting system now i need to know how to incorporate the images into the voting system so it can be ranked by stars(avg. count).
thanks in advance for your help!
thanks in advance for your help!
I will upload some images here that you can use. Back in a minute...
Here's the PSD file with the star layers. You can resize it to suit your application needs and save the layers as PNG images
star-template.psd
star-template.psd
ASKER
thank you for your help!
ASKER
are you working on a way to incorporate these into the app?
Yes, I will post an update version in the article soon.
ASKER
thank u
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
ok thanks for the update.
how ever the images are not being returned correctly. here is the path in .php
i labeled it stars because the layers are labeled that way.
here is the view source:
i dont have all those images in that folder. how do i extract each layer for that purpose?
thanks in advance for your help!
how ever the images are not being returned correctly. here is the path in .php
// CREATE A LINK TO A FIVE-STAR RATINGS IMAGE
$x = str_pad($x, 2, '0', STR_PAD_LEFT);
$stars[$color]
= './RAY_EE_images/stars'
. $x
. '.png'
;
i labeled it stars because the layers are labeled that way.
here is the view source:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
<br/><img src="./RAY_EE_images/stars50.png" /> Red HAS RECEIVED 9 VOTES
<br/><img src="./RAY_EE_images/stars20.png" /> Orange HAS RECEIVED 4 VOTES
<br/><img src="./RAY_EE_images/stars05.png" /> Yellow HAS RECEIVED 1 VOTES
<br/><img src="./RAY_EE_images/stars05.png" /> Green HAS RECEIVED 1 VOTES
<br/><img src="./RAY_EE_images/stars10.png" /> Blue HAS RECEIVED 2 VOTES
<br/><img src="./RAY_EE_images/stars10.png" /> Indigo HAS RECEIVED 2 VOTES
<br/><img src="./RAY_EE_images/stars05.png" /> Violet HAS RECEIVED 1 VOTES
<form method="post"><br/>VOTE FOR YOUR FAVORITE COLORS
<br/><input type="checkbox" name="color_selections[Red]" />Red
<br/><input type="checkbox" name="color_selections[Orange]" />Orange
<br/><input type="checkbox" name="color_selections[Yellow]" />Yellow
<br/><input type="checkbox" name="color_selections[Green]" />Green
<br/><input type="checkbox" name="color_selections[Blue]" />Blue
<br/><input type="checkbox" name="color_selections[Indigo]" />Indigo
<br/><input type="checkbox" name="color_selections[Violet]" />Violet
<br/><input type="submit" value="VOTE NOW" />
</form></body>
</html>
i dont have all those images in that folder. how do i extract each layer for that purpose?
thanks in advance for your help!
Do you have a copy of Photoshop?
If so, you would make all of the layers invisible except for the one you wanted to see. Then you would save the image as a PNG. There are 11 layers that matter.
If you do not have Photoshop, I can upload a collection of images for you. These will be 80 pixels wide by 16 pixels high, as shown in the screen capture in the article. But going forward if you are going to develop web sites you might want to buy Photoshop or get to be good friends with a designer who has a copy.
If so, you would make all of the layers invisible except for the one you wanted to see. Then you would save the image as a PNG. There are 11 layers that matter.
If you do not have Photoshop, I can upload a collection of images for you. These will be 80 pixels wide by 16 pixels high, as shown in the screen capture in the article. But going forward if you are going to develop web sites you might want to buy Photoshop or get to be good friends with a designer who has a copy.
ASKER
no i have photoshop just new to it how do i make them disappear? the layers that is?
ASKER
i figured it out i will post my results once i test it thanks!
XLNT. Photoshop can take some time to learn, but once you get the concepts of layers and masks, a lot of creative opportunity opens up!
ASKER
thanks for your help this is a nice stepping stone for me!
Thanks for the points -- it's a great question! ~Ray
The design for counting and reporting the votes is shown in this article.
https://www.experts-exchange.com/Web_Development/Web_Languages-Standards/PHP/PHP_Databases/A_5256-Simple-Vote-Counting-in-PHP-and-MySQL.html