Een rij highlighten met css/javascript
Op internet vond ik een mooi en simpel script. Makkelijk te begrijpen ook.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
function ConvertRowsToLinks(xTableId){
var rows = document.getElementById(xTableId).getElementsByTagName("tr");
for(i=0;i<rows.length;i++){
var link = rows[i].getElementsByTagName("a")
if(link.length == 1){
rows[i].onclick = new Function("document.location.href='" + link[0].href + "'");
rows[i].onmouseover = new Function("this.className='highlight'");
rows[i].onmouseout = new Function("this.className='artikel'");
}
}
}
?>
function ConvertRowsToLinks(xTableId){
var rows = document.getElementById(xTableId).getElementsByTagName("tr");
for(i=0;i<rows.length;i++){
var link = rows[i].getElementsByTagName("a")
if(link.length == 1){
rows[i].onclick = new Function("document.location.href='" + link[0].href + "'");
rows[i].onmouseover = new Function("this.className='highlight'");
rows[i].onmouseout = new Function("this.className='artikel'");
}
}
}
?>
Dit script vindt alle rijen binnen een tabel, en als er in die rij een hyperlink voorkomt, maakt 'ie van de hele rij een hyperlink (met een mooie achtergrondkleurtje-vervangen functie mbv css). Maar nu heb ik in die rij ook, als eerste cel, een checkboxje staan. Deze hoor je natuurlijk aan te kunnen vinden, en dan ergens onderaan de lijst op verwijderen of bewerken te klikken. Maar als je op de checkbox klikt, ga je dus ook naar de standaard hyperlink, wat niet de bedoeling is.
Wie weet hoe ik van deze kolom een uitzondering maak?
Er zijn nog geen reacties op dit bericht.