Question

I am currently trying to pass data from my server to my main page. I currently have my php echoing for each returned result:

while($row = mysql_fetch_array($result))
{
    echo "<img class='s' id=" . $row['id'] . " src=QR/" . $row['src'] ".png>";

}

when i tried adding a field, num, after id:

<img class='s' id=(rowid) num=".$row['num']." .......

I get undefined when i use

alert(this.num)

but

alert(this.id)

works. How can I pass the num value too?

EDIT:

Hey Everyone, thanks for you help, I have included a jsfiddle on how i solved this problem.
http://jsfiddle.net/3yzcx/4/

I had to use jQuery and used .attr() to define my own attribute called num and called that out.

Answer 1

Very simple. id is a valid property for the img tag. num is not. You can’t assign arbitrary properties to a tag and expect it to work.

If you want to pass your PHP data to javascript, using a hidden form element or even more simply something like this:

<?php
echo '<script type="text/javascript">';
echo 'var num = ' . $num . ';';
echo '</script>';
?>

Of course I know you’re in a loop, this is just an example. You could easily make it an array or something.