using javascript variables in php

revolution · 03-27-2008, 12:02 PM

Long story short, I need a php if else statement to recognize a change to an image due to javascript.

I'll post a condensed version of the code:

Code:

<html>
<head>
<script type="text/javascript">
function mouseOver1()
{
document.rating1.src ="blog/img/star.png";
}
function mouseOut1()
{
document.rating1.src ="blog/img/nostar.png";
}
function onClick1()
{
document.rating.src ="blog/img/1.png";
document.rating1.src ="blog/img/star.png";
}
</script>
</head>
<body bgcolor=ffffff>
<center>
<img border="0" src="blog/img/nostar.png" name="rating1" value="One" id="rating1" width="16" height="16" onmouseover="mouseOver1()" onmouseout="mouseOut1()" onclick="onClick1()" />
<br /><br />
<img border="0" src="blog/img/0.png" name="rating" value="Zero" id="rating">
</center>
</body>
</html>

Obviously the current onClick function is pointless thanks to the mouseOut function, but that's not my concern. I want something similar to the following, but a working version:

Code:

<?
if (document.rating.src=="blog/img/1.png")
echo "1 Star";
elseif (document.rating.src=="blog/img/2.png")
echo "2 Stars";
elseif (document.rating.src=="blog/img/3.png")
echo "3 Stars";
elseif (document.rating.src=="blog/img/4.png")
echo "4 Stars";
elseif (document.rating.src=="blog/img/5.png")
echo "5 Stars";
?>

It's a rating from 1 to 5 stars, but since I just posted a condensed version, I only really need a condensed solution and I can apply it from there. Basically, when you click the 1st star, image 1.png replaces image 0.png, when you click the 2nd star, image 2.png replaces image 0.png and so on up to the 5th star image. The problem is the php doesn't recognize the change to the rating src to echo anything based on the change.

Would I need to amend the php coding or the javascript? If so, what?

unlimitedorb · 03-29-2008, 05:25 PM

I don't fully understand what you are doing, but from the code you pasted above you can merge the PHP with the javascript if all you want to do is print whether it's 1 star, 2 stars, etc.

Create a <div></div> where you want the text to be placed. Next, give the <div> an id:

Code:

<div id = "starText"></div>

Now add in this snippet to your javascript:

Code:

document.rating1.src ="blog/img/nostar.png";
window.document.getElementById("starText").innerHTML = "One Star";

This grabs the div with the ID of "starText" and changes the HTML inside the tag on the fly.

revolution · 03-30-2008, 05:17 PM

Worked perfect. Applied it to the onClick instead of mouseOut like you had. Now that that's fixed, I have another question. Making another topic to avoid confusion.

One more question about that though. I still want it to be able to be used in php. Is there a way I can store that "One Star" as a variable in php if the 1st star is clicked or store "Two Stars" if the 2nd star is clicked, etc?

unlimitedorb · 03-30-2008, 07:54 PM

You could, but you would have to store that information somehow. Some ways you could do this are: using a database such as Mysql to store the information, or using a flat file to store the information. Maybe PHP supports object serialization? I forgot it's been awhile since I've been on the web development scene =(

ricky92 · 03-31-2008, 02:08 PM

Using Javascript you could just use a cookie. However, this is not the best solution, and I would suggest to send a request to a page using AJAX to store the data in a database...

revolution · 03-31-2008, 11:03 PM

I'm looking to just store it as a variable actually. Like in a FLP, they enter their password and you can use $password (if that's what you declared it to be) throughout your site to display or use their password. I'd like to do something similar so that say when two stars are clicked to display "Two Stars" a variable in php such as $Stars would be "Two Stars" so I could just do echo $Stars; to display the value.