perlunity.de | Javascript : HTML-Tricks - TD Highlight für IE + NS | Die Community für Perl PHP CGI Apache MySQL und Javascript

perlunity.de - PERL | JAVASCRIPT | PHP | MySQL | APACHE


	#!/COMMUNITY Members: 5187 davon online: 1 weitere User: 36

07.01.2009 / 09:15

Community-Member werden | Paßwort vergessen | OnlineMonitor (1)

Wer ist online ... OnlineMonitor starten !

Alle Kommentare anzeigen - Kommentar hinzufügen

Javascript » HTML-Tricks » TD Highlight für IE + NS
zur Übersicht

Kategorie HTML-Tricks

Bezeichnung TD Highlight für IE + NS

ScriptDemo Neues Fenster für Demo öffnen

Statistik 14959 Aufrufe davon 0x gestern

Dieses Script läuft ab IE4 und NN6

Javascript-Quellcode (einfach markieren, kopieren und lokal abspeichern)

<SCRIPT> if (document.layers) document.write('<STYLE>TD.cell { position: relative; } <\/STYLE>'); </SCRIPT> <SCRIPT> function initTableLayers (tableName, rows, cols) { if (document.layers) { var maxHeight = new Array (rows); var maxWidth = new Array (cols); for (var r = 0; r < rows; r++) maxHeight[r] = 0; for (var c = 0; c < cols; c++) maxWidth[c] = 0; for (var r = 0; r < rows; r++) for (var c = 0; c < cols; c++) { var cell = document[tableName + 'Cell' + r + '_' + c]; if (maxHeight[r] < cell.clip.height) maxHeight[r] = cell.clip.height; } for (var c = 0; c < cols; c++) for (var r = 0; r < rows; r++) { var cell = document[tableName + 'Cell' + r + '_' + c]; if (maxWidth[c] < cell.clip.width) maxWidth[c] = cell.clip.width; } for (var r = 0; r < rows; r++) for (var c = 0; c < cols; c++) { var cell = document[tableName + 'Cell' + r + '_' + c]; cell.clip.width = maxWidth[c]; cell.clip.height = maxHeight[r]; cell.rowIndex = r; cell.colIndex = c; var ol = cell.ol = new Layer(maxWidth[c]); ol.cell = cell; ol.clip.height = maxHeight[r]; ol.left = cell.pageX; ol.top = cell.pageY; ol.visibility = 'show'; } } } function initTableEventHandler (tableName, rows, cols, event, handler) { if (document.layers) { var cell0_0 = document[tableName + 'Cell0_0']; if (!cell0_0.ol) initTableLayers (tableName, rows, cols); for (var r = 0; r < rows; r++) for (var c = 0; c < cols; c++) { var cell = document[tableName + 'Cell' + r + '_' + c]; cell.ol['on' + event.toLowerCase()] = handler; } } } </SCRIPT> <SCRIPT> var highColor = 'lime' function tdMouseOver (evt) { this.cell.bgColor = highColor; } function tdMouseOut (evt) { this.cell.bgColor = document.bgColor; } function init () { initTableEventHandler ('table1', 3, 3, 'mouseover', tdMouseOver); initTableEventHandler ('table1', 3, 3, 'mouseout', tdMouseOut); } </SCRIPT> <BODY ONLOAD="init();"> <TABLE BORDER="1"> <TR> <TD ID="table1Cell0_0" CLASS="cell" ONMOUSEOVER="this.bgColor = highColor;" ONMOUSEOUT="this.bgColor = document.bgColor;" > jsunity, </TD> <TD ID="table1Cell0_1" CLASS="cell" ONMOUSEOVER="this.bgColor = highColor;" ONMOUSEOUT="this.bgColor = document.bgColor;" > alles für </TD> <TD ID="table1Cell0_2" CLASS="cell" ONMOUSEOVER="this.bgColor = highColor;" ONMOUSEOUT="this.bgColor = document.bgColor;" > den webmaster </TD> </TR> <TR> <TD ID="table1Cell1_0" CLASS="cell" ONMOUSEOVER="this.bgColor = highColor;" ONMOUSEOUT="this.bgColor = document.bgColor;" > jsunity, </TD> <TD ID="table1Cell1_1" CLASS="cell" ONMOUSEOVER="this.bgColor = highColor;" ONMOUSEOUT="this.bgColor = document.bgColor;" > alles für </TD> <TD ID="table1Cell1_2" CLASS="cell" ONMOUSEOVER="this.bgColor = highColor;" ONMOUSEOUT="this.bgColor = document.bgColor;" > den webmaster </TD> </TR> </TABLE>

Kommentare zu TD Highlight für IE + NS

1 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 25.07.2003 um 16:32 Uhr von derek

Link: /javascript/scripts/javascript_0195_main.shtml .::. Aufrufe heute: 1 .::. Aufrufe gesamt: 8376