Tabelle Zelle aktive Zeile und Spalte hovern

[Fäbbe]

Hallo

Ich habe eine Zahlen Tabelle. Nun will ich in der jweiligen Zelle in der ich mich befinde die ganze Spalte und die ganze Zeile markiert haben.

Hat mir jemand eine Link wo ich mir etwas Input holen kann oder hat sonst ein kleines Beispiel ?

Vielen Dank Fabbe

 

[threadi]

Kleines Beispiel:

CSS

tr.mark { background-color: red; }

HTML

<tr onclick="mark(this);">

JavaScript

function mark(obj)
{
 this.className = "mark";
}

Reicht das als Denkanstoß? ;)

 

[struppi]

Bei der Spalte wird's aber aufwendiger.
Ich hab aber hier sowas rumfliegen:

window.onload = function() {
var table = document.getElementsByTagName('table')[0];
new Fadenkreuz(table);
}

function Fadenkreuz(table) {
    var td = table.getElementsByTagName('td');
    var over_color = 'red';
    var complete_row = true;
    
    for(var i = 0; i < td.length; i++) 
        td[i].onmouseover = td[i].onmouseout = trigger;
    
    function trigger(e) {
        if(!e) e = window.event;
        var obj = e.target || e.srcElement;
        
        e.type == 'mouseout' 
        ?
            colorToCol(obj, '')
            :
            colorToCol(obj, over_color)
        ;
    }
    function colorToCol(o, clr) {
        var r = o.parentNode;
        while(r && r.tagName.toLowerCase() != 'tr') r = r.parentNode;
        
        var i = 0;
        var akt_col = 0;
        var cell;
        for(var i = 0; cell = r.cells[i]; i++) {
            cell.style.backgroundColor = clr;
            if( cell == o) {
                akt_col = i;
                if(!complete_row) break;
            }
        }
        colorToRow(o, akt_col, clr);
    }
    
    function colorToRow(o, col, clr) {

        var t = o.parentNode;
        while(t && t.tagName.toLowerCase() != 'table') t = t.parentNode;
        
        var row;
        for(var i = 0; row = t.rows[i]; i++) {
            row.cells[col].style.backgroundColor = clr;
            if(!complete_row && row.cells[col] == o) break;
        }
    }
}

 

[Fäbbe]

Genau

Vielen Dank! Genau sowas habe ich gesucht.