I have a table, in a grid of 4x4. Assume they're all black boxes. I now have it so that when I hover, they turn grey.
However, how would I make it so that if you click on a table cell, it stays grey, and I can somehow pass that cell's coordinates to a $_POST function? I hope I am being descriptive enough.
$_POST is generally used for form data, so you would need to populate (via javascript) a hidden <input> element on click with the data you want passed. Depending on how you want to trigger the $_POST you could submit the form in the same click event, or by some other action.
The point is the only way to pass data through $_POST is normally through a form or through AJAX.
Make your table such that each cell has an onclick event defined. Call a function to submit the form through post when this function is called.
jQuery fanboy here -
$('td').click(function() {
$.post("table_process.php", { cell: $(this).attr("#cell_id") },
function(data){
alert("Cell: " + data);
});
});
Should be something like that.
Library agnostic way of doing it: http://jsfiddle.net/sdleihssirhc/eBD9L/
It uses td:hover, so it won't work on IE6 and whatnot.
