|
|
 | Skifte baggrundsfarve i tabel ved mus over~
Fra : Kurt G |
Dato : 21-02-11 23:40 |
|
Hej.
I en bog om JS fandt jeg et eksempel på ovennævnte.
Koden er simpel:
<tr onmouseover="style.background='#E3E400'"
onmouseout="style.background='white'">
<td width='25' valign='top' >8</td>
Det virker fint i en tabel, hvor man ikke i forvejen har sat en
baggrundsfarve, men ikke ved:
<tr onmouseover="style.background='#E3E400'"
onmouseout="style.background='white'">
<td width='25' valign='top' bgcolor='#FFFFFF'>8</td>
Hvad er grunden til det?
Mvh Kurt
| |
 Birger Sørensen (22-02-2011)
| Kommentar
Fra : Birger Sørensen |
Dato : 22-02-11 00:43 |
|
Kurt G har bragt dette til os:
> Hej.
>
> I en bog om JS fandt jeg et eksempel på ovennævnte.
> Koden er simpel:
> <tr onmouseover="style.background='#E3E400'"
> onmouseout="style.background='white'">
> <td width='25' valign='top' >8</td>
>
> Det virker fint i en tabel, hvor man ikke i forvejen har sat en
> baggrundsfarve, men ikke ved:
> <tr onmouseover="style.background='#E3E400'"
> onmouseout="style.background='white'">
> <td width='25' valign='top' bgcolor='#FFFFFF'>8</td>
>
> Hvad er grunden til det?
>
> Mvh Kurt
<tr> er bagved <td>. Så hvis <td>'en ikke er transparent, kan du skifte
baggrundsfarve på <tr>'en alt det du orker. <td>'en er ligeglad med,
hvad der er bag den.
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Kurt G (22-02-2011)
| Kommentar
Fra : Kurt G |
Dato : 22-02-11 08:09 |
|
"Birger Sørensen" <sdc@bbsorensen.com> skrev i en meddelelse
news:4d62f89c$0$23759$14726298@news.sunsite.dk...
> Kurt G har bragt dette til os:
>> Hej.
>>
>> I en bog om JS fandt jeg et eksempel på ovennævnte.
>> Koden er simpel:
>> <tr onmouseover="style.background='#E3E400'"
>> onmouseout="style.background='white'">
>> <td width='25' valign='top' >8</td>
>>
>> Det virker fint i en tabel, hvor man ikke i forvejen har sat en
>> baggrundsfarve, men ikke ved:
>> <tr onmouseover="style.background='#E3E400'"
>> onmouseout="style.background='white'">
>> <td width='25' valign='top' bgcolor='#FFFFFF'>8</td>
>>
>> Hvad er grunden til det?
>>
>> Mvh Kurt
>
> <tr> er bagved <td>. Så hvis <td>'en ikke er transparent, kan du skifte
> baggrundsfarve på <tr>'en alt det du orker. <td>'en er ligeglad med, hvad
> der er bag den.
>
> Birger
>
> --
> http://varmeretter.dk - billig, sund og hurtig mad
> http://bbsorensen.dk
>
Nå, derfor. Så må jeg vælge baggrund på tr i stedet for td.
Mvh Kurt
| |
scootergrisen (22-02-2011)
| Kommentar
Fra : scootergrisen |
Dato : 22-02-11 02:10 |
|
Prøv med :
<td width='25' valign='top' style='background-color:#FFFFFF;'>8</td>
| |
Kurt G (22-02-2011)
| Kommentar
Fra : Kurt G |
Dato : 22-02-11 08:08 |
|
"scootergrisen" <scootergrisen@NOSPANKYOUgmail.com> skrev i en meddelelse
news:4d630d1d$0$23765$14726298@news.sunsite.dk...
> Prøv med :
>
> <td width='25' valign='top' style='background-color:#FFFFFF;'>8</td>
Nej, det hjælper heller ikke.
Jeg må kunne vælge baggrundsfarven tr i stedet for td, det vil jeg forsøge!
Mvh Kurt
| |
 Kurt G (23-02-2011)
| Kommentar
Fra : Kurt G |
Dato : 23-02-11 23:22 |
|
"Kurt G" <kurt_g@guldbaek.net> skrev i en meddelelse
news:4d6360ca$0$23765$14726298@news.sunsite.dk...
> "scootergrisen" <scootergrisen@NOSPANKYOUgmail.com> skrev i en meddelelse
> news:4d630d1d$0$23765$14726298@news.sunsite.dk...
>> Prøv med :
>>
>> <td width='25' valign='top' style='background-color:#FFFFFF;'>8</td>
>
> Nej, det hjælper heller ikke.
> Jeg må kunne vælge baggrundsfarven tr i stedet for td, det vil jeg
> forsøge!
>
> Mvh Kurt
Jeg fandt en løsning:
I stedet for at give <td>-erne farve valgte jeg at give <tr> følgende:
<tr bgcolor='#00ff60' onmouseover="style.background='#E3E400'"
onmouseout="style.background='00ff60'"> (skrækkelige farver 
Mvh Kurt
| |
Allan Vebel (23-02-2011)
| Kommentar
Fra : Allan Vebel |
Dato : 23-02-11 23:55 |
|
Kurt G skrev:
> Jeg fandt en løsning:
> I stedet for at give <td>-erne farve valgte jeg at give
> <tr> følgende: <tr bgcolor='#00ff60' onmouseover=
> "style.background='#E3E400'" onmouseout=
> "style.background='00ff60'"> (skrækkelige farver
Her skal du jo have koden ind i samtlige <tr>'er - det
er ikke særlig elegant.
Her er Jørgens tr:hover-løsning meget bedre, det
skal kun skrives ét sted, i css-filen.
--
Allan Vebel
http://vebel.dk | http://dmwebdesign.dk
| |
Kurt G (24-02-2011)
| Kommentar
Fra : Kurt G |
Dato : 24-02-11 08:41 |
|
"Allan Vebel" <spam@do.not> skrev i en meddelelse
news:4d659046$0$23752$14726298@news.sunsite.dk...
> Kurt G skrev:
>
>> Jeg fandt en løsning:
>> I stedet for at give <td>-erne farve valgte jeg at give
>> <tr> følgende: <tr bgcolor='#00ff60' onmouseover=
>> "style.background='#E3E400'" onmouseout=
>> "style.background='00ff60'"> (skrækkelige farver
>
> Her skal du jo have koden ind i samtlige <tr>'er - det
> er ikke særlig elegant.
>
> Her er Jørgens tr:hover-løsning meget bedre, det
> skal kun skrives ét sted, i css-filen.
>
> --
> Allan Vebel
> http://vebel.dk | http://dmwebdesign.dk
Der er to grunde til, at jeg valgte denne løsning:
1. Jørgens løsning fik jeg ikke til at virke, selv om jeg brugte lang tid på
at finde ud af det. Det skyldes primært, at jeg ikke kan huske fra den ene
gang til den anden1
2. Det er et php-script, som leverer alt til tabellen, så JEG skriver det
blot een gang!
| |
Birger Sørensen (24-02-2011)
| Kommentar
Fra : Birger Sørensen |
Dato : 24-02-11 09:23 |
|
Efter mange tanker skrev Kurt G:
8X
> Der er to grunde til, at jeg valgte denne løsning:
> 1. Jørgens løsning fik jeg ikke til at virke, selv om jeg brugte lang tid på
> at finde ud af det. Det skyldes primært, at jeg ikke kan huske fra den ene
> gang til den anden1
> 2. Det er et php-script, som leverer alt til tabellen, så JEG skriver det
> blot een gang!
Så skal du programmere når/hvis du bliver træt af farverne...
tr {
background-color : #00ff60;
}
tr:hover {
background-color : #E2E400;
}
bør virke.
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Jørgen Farum Jensen (22-02-2011)
| Kommentar
Fra : Jørgen Farum Jensen |
Dato : 22-02-11 13:03 |
|
Den 21-02-2011 23:40, Kurt G skrev:
> Hej.
>
> I en bog om JS fandt jeg et eksempel på ovennævnte.
> Koden er simpel:
> <tr onmouseover="style.background='#E3E400'"
> onmouseout="style.background='white'">
> <td width='25' valign='top'>8</td>
>
> Det virker fint i en tabel, hvor man ikke i forvejen har sat en
> baggrundsfarve, men ikke ved:
> <tr onmouseover="style.background='#E3E400'"
> onmouseout="style.background='white'">
> <td width='25' valign='top' bgcolor='#FFFFFF'>8</td>
>
> Hvad er grunden til det?
>
> Mvh Kurt
>
>
Bare lige en (uprøvet) tanke:
Hvad med tr:hover {background-color:#whatever;}
--
Jørgen Farum Jensen
http://webdesign101.dk
..
| |
Birger Sørensen (22-02-2011)
| Kommentar
Fra : Birger Sørensen |
Dato : 22-02-11 13:51 |
|
Jørgen Farum Jensen udtrykte præcist:
> Den 21-02-2011 23:40, Kurt G skrev:
>> Hej.
>>
>> I en bog om JS fandt jeg et eksempel på ovennævnte.
>> Koden er simpel:
>> <tr onmouseover="style.background='#E3E400'"
>> onmouseout="style.background='white'">
>> <td width='25' valign='top'>8</td>
>>
>> Det virker fint i en tabel, hvor man ikke i forvejen har sat en
>> baggrundsfarve, men ikke ved:
>> <tr onmouseover="style.background='#E3E400'"
>> onmouseout="style.background='white'">
>> <td width='25' valign='top' bgcolor='#FFFFFF'>8</td>
>>
>> Hvad er grunden til det?
>>
>> Mvh Kurt
>>
>>
> Bare lige en (uprøvet) tanke:
> Hvad med tr:hover {background-color:#whatever;}
Så er der jo ikke noget js.... 
Tror nu ikke den går. td'erne er stadig foran tr'erne, og de vil dække
for tr'en, så der vil ikke være hover på tr over td.
Men så absolut et forsøg værd.
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Jørgen Farum Jensen (22-02-2011)
| Kommentar
Fra : Jørgen Farum Jensen |
Dato : 22-02-11 15:33 |
|
Den 22-02-2011 13:50, Birger Sørensen skrev:
> Så er der jo ikke noget js....
Er det et absolut krav?
> Tror nu ikke den går. td'erne er stadig foran tr'erne, og de
> vil dække for tr'en, så der vil ikke være hover på tr over td.
>
> Men så absolut et forsøg værd.
Ja, så nu har jeg gjort forsøget. Virker
som formodet (i Firefox). Det tog 3 minutter,
din tidrøver 
--
Jørgen Farum Jensen
http://webdesign101.dk
..
| |
Birger Sørensen (22-02-2011)
| Kommentar
Fra : Birger Sørensen |
Dato : 22-02-11 15:56 |
|
Jørgen Farum Jensen sendte dette med sin computer:
> Den 22-02-2011 13:50, Birger Sørensen skrev:
>
>> Så er der jo ikke noget js....
>
> Er det et absolut krav?
>> Tror nu ikke den går. td'erne er stadig foran tr'erne, og de
>> vil dække for tr'en, så der vil ikke være hover på tr over td.
>>
>> Men så absolut et forsøg værd.
>
> Ja, så nu har jeg gjort forsøget. Virker
> som formodet (i Firefox). Det tog 3 minutter,
> din tidrøver
Det var nu tanken, at Kurt kunne prøve. 8-o
Desuden var du selv ude om det - det var dig selv der foreslog det! :')
Som formodet, er det at det ikke virker, eller at hele rækken får den
ønskede baggrundsfarve?
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk
| |
Kurt G (22-02-2011)
| Kommentar
Fra : Kurt G |
Dato : 22-02-11 16:25 |
|
KLIPPET
> Det var nu tanken, at Kurt kunne prøve. 8-o
> Desuden var du selv ude om det - det var dig selv der foreslog det! :')
>
> Som formodet, er det at det ikke virker, eller at hele rækken får den
> ønskede baggrundsfarve?
>
> Birger
>
> --
> http://varmeretter.dk - billig, sund og hurtig mad
> http://bbsorensen.dk
>
Ja, men så vil jeg da prøve!
Men det gør ikke mig noget, at det ikke er JS, jeg skal bare have funktionen
og css var ikke faldet mig ind.
Mvh Kurt
| |
Jørgen Farum Jensen (22-02-2011)
| Kommentar
Fra : Jørgen Farum Jensen |
Dato : 22-02-11 16:38 |
|
Den 22-02-2011 15:56, Birger Sørensen skrev:
> Det var nu tanken, at Kurt kunne prøve. 8-o
> Desuden var du selv ude om det - det var dig selv der
> foreslog det! :')
>
> Som formodet, er det at det ikke virker, eller at hele
> rækken får den ønskede baggrundsfarve?
Godt ord igen. Hele rækken skifter
farve. Men jeg antager også at det
ikke holder hvis man giver td en
baggrundsfarve.
Det er et ofte overset faktum at
baggrundsfarven på et element er
transparent.
--
Jørgen Farum Jensen
http://webdesign101.dk
..
| |
|
|