Avatar billede kovalt Nybegynder
25. oktober 2005 - 16:09 Der er 11 kommentarer og
1 løsning

Skifte baggrundfarven i <tr> og fjerne den igen ved klik på anden

Hej

  Jeg har en tabel som indeholder en lange rækkere brugere. Jeg vil have det sådan at når man klikker på en bruger skal baggrundsfarven skifte og samtidig skal en anden frame på siden submittes. Dette gør jeg ved:

<a href=eksterneBrugere_details.asp?brugerID="& objRec("id") &"' target='contentBottom'; onClick=""this.style.background='#FFD000';"">

Så langt så godt.

Mit spørgsmål er så hvordan jeg sletter den første markering skabt af ovenstående når jeg klikker på næste række. Mine <tr> har forskellig baggrundsfarve, idet hver anden er en anden farve. Jeg kan derfor ikke blot nulstille baggrundsfarven i min tabel.

Hvordan laver man dette i javaScript? Samtidgi kan jeg lige sige at siden ikke må submittes, idet min tabel ligger i en div med scroll-bars og brugeren skal ikke kastes op i toppen af liste bare fordi han vælger en bruger i tabellen.

/Kovalt
Avatar billede roenving Novice
25. oktober 2005 - 16:12 #1
Hvor findes tabelrækken i ovenstående ?-)
Avatar billede kovalt Nybegynder
25. oktober 2005 - 16:26 #2
sorry

<table>

<a href=eksterneBrugere_details.asp?brugerID="& objRec("id") &"' target='contentBottom';>

<tr onClick=""this.style.background='#FFD000';""><td></td></tr>


</table>
Avatar billede roenving Novice
25. oktober 2005 - 16:31 #3
Tjah, det var det, jeg frygtede, for det er simpelthen ulovligt !-)

-- men f.eks. sådan:

<script type="text/javascript">
var oldTr = null;
function mClick(elm,id){
  if(oldTr)
    oldTr.style.backgroundColor = "";
  elm.style.backgroundColor = "ffd000";
  parent.contentBottom.location.href = "eksterneBrugere_details.asp?brugerID=" + id;
}
</script>

<table>

<tr onClick=""mClick(this,="& objRec("id") &");""><td></td></tr>


</table>

-- absolut utestet !-)
Avatar billede kovalt Nybegynder
25. oktober 2005 - 16:44 #4
det virker fint når det skal farvelægge baggrunden men det virker ikke i forhold til at få de tidligere valgte tilbage til udgangspunktet.
Avatar billede kovalt Nybegynder
25. oktober 2005 - 16:46 #5
mangler oldTr ikke at blive teldelt en værdi et sted?
Avatar billede roenving Novice
25. oktober 2005 - 16:47 #6
Argh, der manglede en linje sidst i funktionen:

  oldTr = elm;
}
</script>
Avatar billede kovalt Nybegynder
25. oktober 2005 - 16:48 #7
så virker det:

var oldTr = null;
function mClick(elm,id){
  if(oldTr){
      oldTr.style.backgroundColor = "";
  }
  oldTr = elm;
  elm.style.backgroundColor = "ffd000";
  parent.contentBottom.location.href = "eksterneBrugere_details.asp?brugerID=" + id;
}
Avatar billede kovalt Nybegynder
25. oktober 2005 - 16:49 #8
jeps - super..... smid et svar
Avatar billede kovalt Nybegynder
25. oktober 2005 - 16:50 #9
hold kæft hvor er det lækkert sådan noget javascript :-)
Avatar billede roenving Novice
25. oktober 2005 - 16:52 #10
Velbekomme '-)

-- og ja, det kan bruges til meget, men mest til brugervenlighed !-)
Avatar billede kovalt Nybegynder
25. oktober 2005 - 16:54 #11
ja - endnu engang tak
Avatar billede roenving Novice
25. oktober 2005 - 16:56 #12
-- og jeg takker for point ;~}
Avatar billede Ny bruger Nybegynder

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester