I'm completely newbie to javascript and jquery.
Here is my base html:
- <table id="loadhere">
- <tr>
- <td>
- <img src='../immagini/primopiano/image1.jpg' width='70' height='70' />
- </td>
- <td>
- <a href='#' id='1' rel='ids'>Print</a>
- </td>
- <td>
- <img src='../immagini/primopiano/image2.jpg' width='70' height='70' />
- </td>
- <td>
- <a href='#' id='2' rel='ids'>Print</a>
- </td>
- <td>
- <img src='../immagini/primopiano/image3.jpg' width='70' height='70' />
- </td>
- <td>
- <a href='#' id='3' rel='ids'>Print</a>
- </td>
- </tr>
- </table>
Now the PHP (lista.php):
- if ($_GET['id']) {
echo $_GET['id'];
}
And finally the javascript/jquery:
- var id=$("a[rel^='ids']").attr("id");
$("a[rel^='ids']").click(function() {
$.get("lista.php",
{id: id},
function(data) {
$("#loadhere").html(data);
});
});
The ajax call works, but what i get is always 1, whatever link i'm clicking. Suggestions?