Ich habe da mal ein Beispiel hochgeladen:
Und hier der kommentierte relevante JS-Code:
// Funktion, die aufgerufen wird, wenn onclick
// bei den dynamisch erzeugten internen Links feuert
function colorTR(loc) {
var currentRow = document.getElementById(loc);
currentRow.style.backgroundColor = 'red';
}
// diese Funktion erzeugt für jede Zeile jeder Tabelle einen Link
function AddLink(tab, row, str) {
var liElm = document.createElement('li');
var lnkElm = document.createElement('a');
lnkElm.href = '#'+str;
lnkElm.onclick = function() { colorTR(str); }
tab++;
row++;
var lnkText = document.createTextNode('Tabelle '+tab+', Zeile'+row);
lnkElm.appendChild(lnkText);
liElm.appendChild(lnkElm);
document.getElementById('Linkliste').appendChild(liElm);
}
// diese Funktion wird onload angestoßen
function AddID() {
// alle Tabellen holen und durchlaufen
var tableColl = document.getElementsByTagName('table');
for(i = 0; i<tableColl.length; i++) {
// alle Zeilen der aktuellen Tabelle holen und einzeln durchlaufen
var trColl = tableColl[i].getElementsByTagName('tr');
for(j = 0; j<trColl.length; j++) {
var idText = 't'+i+'_z'+j;
// ID definieren
trColl[j].id = idText;
// Link erzeugen
AddLink(i, j, idText);
}
}
}
Siechfred
--
Ich bin strenggenommen auch nur interessierter Laie. (molily)
Ich bin strenggenommen auch nur interessierter Laie. (molily)