Highlighting rows

[AlbertAguirre]

Whats wrong with this page?

http://www.serissolutions.com/portal/index.php?page=findnet&cont=findnet02

When I click one of the rows it highlights but sometimes you have to click it twice to highlight!

Heeeeelp!

All the JS code is in the source...

Any takers? I know its simple. Just cant see it...

 

[AlbertAguirre]

Heres my code:

// for every table row ...
var rows = document.getElementsByTagName('tr');
for ( var i = 0; i < rows.length; i++ ) {

if ( 'hgh' == rows.className.substr(0,3)) {
// ... and to mark the row on click ...
rows.onmousedown = function() {
var unique_id;
if ( typeof(marked_row[unique_id]) == 'undefined' || !marked_row[unique_id] ) {
marked_row[unique_id] = true;
} else {
marked_row[unique_id] = false;
}

if ( marked_row[unique_id] ) {
this.className += ' marked';
} else {
this.className = this.className.replace(' marked', '');
}
}
};

}; //for every row



On this page:

http://www.serissolutions.com/portal/index.php?page=findnet&cont=findnet02

The white table with the grey header, middle bottom of page, does not highlight correctly.
Will highlight on the first click but then after that sometimes it unhighlights, sometimes not. Sometimes it takes more than one click to highlight or restore.

Any ideas?

 

[AlbertAguirre]

Here it is in its simplest form:

http://www.serissolutions.com/portal/tester.html

Heres the problem...
I want to be able to highlight multiple rows.

Do this:
- click any row
- click it again, it will UNhighlight. That works fine.

- now try to highlight and UNhighlight multiple rows.

Doesnt always work.

Why?

I think it has to do with the unique_id variable that is set to true or false.

Can anyone figure it out?

No responses as of yet...