Dette script vil jeg bruge til dynamisk at ændre tabelrække farven når der bliver trykket på den. Og scriptet virker også fint sålænge at jeg stykker på det "hvide" i rækken. Men kommer jeg til at trykke på noget tekst eller et billede så vælger scriptet de "parent" object og farverlægger det istedet, det vil sige selve tabel cellen... Er der en måde hvorpå man kan være sikker på at den vælger den første "parent" TR hvor den skal farvelægge????
Mvh Lasse
<script> var preEl ; var orgBColor; var orgTColor; function HighLightTR(backColor,textColor,id){ if(typeof(preEl)!='undefined') { preEl.bgColor=orgBColor; try{ChangeTextColor(preEl,orgTColor);}catch(e){;} } var el = event.srcElement; el = el.parentElement; orgBColor = el.bgColor; orgTColor = el.style.color; el.bgColor=backColor;
måske du kunne ordne det på en lidt lettere måde: function changeColors(tr,bgcolor,fgcolor) { tr.style.backgroundColor = bgcolor; tr.style.color = fgcolor; }
eller hvis det ikke er helt nok: function changeColors(tr,bgcolor,fgcolor) { i=0; while (td = tr.cells[i++]) { td.style.backgroundColor = bgcolor; td.style.color = fgcolor; } }
Et lille relateret spørgsmål... Nu har jeg i hver TR en Tabel som jeg har gemt med Style="display: none" Jeg har givet hver tabel et et id="option<%=Recordset("id")%>".
Nu vil jeg så gerne have at tabellen i TR'en bliver vist sammen med at den bliver Hightlightet og forsvinder igen når TR'en ikke er hightlightet mere...
du kunne lave et ekstra arment til funktionen: <tr onclick="changeColors(this,'#000','#fff','option<%=Recordset("id")%>');">
og så ændre funktionen lidt: var activeTr; var activeID; function changeColors(tr,bgcolor,fgcolor,tabelID) { if (activeTr) { activeTr.style.backgroundColor = "#fff"; activeTr.style.color = "#000"; document.getElementById(activeID).style.display = "none"; } tr.style.backgroundColor = bgcolor; tr.style.color = fgcolor; document.getElementById(tabelID).style.display = "block"; activeTr = tr; activeID = tabelID; }
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.