Javascript code to use onclick() event on a table row
Posted: Thu Jun 21, 2007 12:14 am
Hello there,
i'm trying to make a whole <tr> clickable as a link. Javascript seems to be the only way i can figure out to do this. The following is the code i currently have, it just wont go to the correct place.
The problem with the code is that tr.getAttribute doesnt seem to work. Apparently getElementsByTagName is a DOM function and returns a NodeList so i tried various things such as tr.item(i).attributes.item(2).nodeValue; but i couldn't get anything to do what i wanted. Basically the <tr> for each of the clickable rows has an id and i want to append that id to the end of the url.
Can anyone help me here?
Also as a secondary matter, i'd like the row to appear as a link so what is the code for changing the mouse to the link hand and back? Also how do you change the status bar text to the url (for browsers which support it).
This is the code that i tried but it didn't seem to work.
Thanks 
i'm trying to make a whole <tr> clickable as a link. Javascript seems to be the only way i can figure out to do this. The following is the code i currently have, it just wont go to the correct place.
Code: Select all
function trlink(){
var tr = document.getElementsByTagName("tr");
for(var i=0; i < tr.length; i++) {
tr[i].onclick = function() {
location.href='./?cat='+(tr[i].getAttribute('id'));
}
}
}Can anyone help me here?
Also as a secondary matter, i'd like the row to appear as a link so what is the code for changing the mouse to the link hand and back? Also how do you change the status bar text to the url (for browsers which support it).
This is the code that i tried but it didn't seem to work.
Code: Select all
tr[i].onmouseover = function() {
tr[i].style.cursor="hand";
}
tr[i].onmouseout = function() {
tr[i].style.cursor="pointer";
}