Rij in Kleur
- Onderwerp starter zero55
- Startdatum
- Status
jeroendenoot
Terugkerende gebruiker
- Lid geworden
- 14 mrt 2005
- Berichten
- 1.492
Ja dat kan:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Highlight rijen</title>
<script type="text/javascript">
function highlightrows(tableid, searchtext, bgcolor) {
table = document.getElementById(tableid);
if (table) {
tbody = document.getElementsByTagName('tbody')[0];
if (tbody) {
rows = tbody.getElementsByTagName('tr');
for (var i = 0; i < rows.length; i++) {
cells = rows[i].getElementsByTagName('td');
for (var j = 0; j < cells.length; j++) {
if (cells[j].innerHTML.toLowerCase().indexOf(searchtext.toString().toLowerCase()) > -1) {
rows[i].style.background = bgcolor;
}
}
}
}
}
}
</script>
</head>
<body>
<input type="button" value="Highlight rijen" onclick="highlightrows('highlighttable', 'Koe', '#FFFF00')" />
<table id="highlighttable" border="1">
<tr>
<td>Rij 1</td>
<td>Schaap</td>
<td>Lam</td>
</tr>
<tr>
<td>Rij 2</td>
<td>Koe</td>
<td>Kalf</td>
</tr>
<tr>
<td>Rij 3</td>
<td>Paard</td>
<td>Veulen</td>
</tr>
<tr>
<td>Rij 4</td>
<td>Koets</td>
<td>Auto</td>
</tr>
<tr>
<td>Rij 5</td>
<td>Horloge</td>
<td>Koekoeksklok</td>
</tr>
</table>
</body>
</html>- Status
