Avatar billede kakadue Nybegynder
14. september 2001 - 22:21 Der er 16 kommentarer og
1 løsning

<tr> og css\' hover

Jeg skal have en stak <td>\'er til at skifte bgcolor når man kører musen henover bare en af dem. En måde at gøre det på, må være at lave en :hover class til den <tr> der ligger udenom, men jeg kan ikke få til at virke.. jeg har prøvet følgende kode:
<style>
tr.blabla:hover { background-color: #efefef }
</style>

<tr class=blabla>
<td>stuff</td>
<td>stuff</td>
<td>stuff</td>
<td>stuff</td>

..men det virker som sagt ikke en klejne. Jeg tænker så at jeg enten gør noget forkert, eller at der må findes en anden vej, evt. med noget onmouseover. Men det ville være lettere the css way :) Hjælp tak!!!

-Steen
Avatar billede serverkudsk Nybegynder
14. september 2001 - 22:26 #1
Har du Frontpage?? Der kan du lave et sådan indgreb uden nogle problemer, og koder ser sådan ud:

<script language=\"JavaScript\" fptype=\"dynamicanimation\">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language=\"JavaScript1.2\" fptype=\"dynamicanimation\" src=\"file:///E:/Hjemmesider/Kudsk%20&amp;%20Co/animate.js\">
</script>
</head>

<body onload=\"dynAnimation()\" language=\"Javascript1.2\">

<p dynamicanimation=\"fpAnimformatRolloverFP1\" fprolloverstyle=\"background-color: #008000\" onmouseover=\"rollIn(this)\" onmouseout=\"rollOut(this)\" language=\"Javascript1.2\">cvgjfhj</p>

</body>
Avatar billede kakadue Nybegynder
14. september 2001 - 22:32 #2
hehe, nej jeg bruger ikke frontpage af rene principgrunde, og jeg vil derfor også langt helst have en kode der er fri for fp-indhold.. men ja det virker:) .. der må bare være en \"rigtig\" måde.
Avatar billede prodic Mester
14. september 2001 - 22:32 #3
Avatar billede kakadue Nybegynder
14. september 2001 - 22:37 #4
nah heller ikke det der.. eller jo den er god nok, men det er for hver enkelt <td> .. jeg vil have så samtlige <td>\'s skifter baggrundsfarve når man kører over bare en enkelt.
Avatar billede 7th Praktikant
14. september 2001 - 23:06 #5
Uden at skulle vide det vil jeg da gætte på det er td class=xxx i stedet for tr...
Avatar billede 7th Praktikant
14. september 2001 - 23:14 #6
<style type=\"text/css\">
<!--
a.xxx:hover
{
background : #008080
}
-->
</style>
</head>

<body>

<table border=\"1\">
<tr>
<td><a href=\"xxx.htm\" class=\"xxx\">stuff</a></td>
</table>

Nu skulle det virke ;)
Avatar billede kakadue Nybegynder
14. september 2001 - 23:31 #7
altså, jeg kan ikke lige se hvordan det der skulle hjælpe mig nogensomhelst steder :) .. hvis du sætter et par stykker ind af

<td><a href=\"xxx.htm\" class=\"xxx\">stuff</a></td>

vil du se at det kun er den du kører musen over der skifter farve.. det jeg vil have, er at de allesammen skifter farve samtidig, når man kører over bare en enkelt af dem
Avatar billede roenving Novice
15. september 2001 - 02:22 #8
Fat i jakoba\'s løsning fra i forgårs, hvor han lavede en løsning, som omfattede enkelte <td>\'s, men den kan nemt omdefineres, som nute lavede igår.

>>kig på jakoba\'s og nute\'s løsninger, jeg tror det er det du har brug for

mvh
jes
Avatar billede 7th Praktikant
15. september 2001 - 04:29 #9
Ahh got it now. Læste forkert. Sorry...
Avatar billede 7th Praktikant
15. september 2001 - 04:30 #10
Ja jakoba eller olebole er nok dem du skal skule lidt til.
Avatar billede nys Nybegynder
15. september 2001 - 09:44 #11
lav en style.css

med eks. denne kode:

a:active { color: #cccc00 }
a:link { color: #4040ff }
a:visited { color: #ff6600 }
address { color: #660066; font-size: 14pt; font-family: Arial }
body { font-size: 14pt; background-color: #ffe4b5; margin-right: 10px; margin-left: 10px }
code { color: blue; font-size: 14pt; font-family: Courier, sans-serif }
dfn { color: blue; font-size: 14pt; font-family: Courier, sans-serif }
dl { color: #8b4513; font: 14pt/20pt Palatino, \"Times Roman\", serif }
h1 { color: maroon; font: 35pt Palatino }
h2  { color: #9400d3; font: 22pt Helvetica }
h4 { color: #a52a2a; font-size: 14pt }
h3  { color: #a52a2a; font: 20pt/26pt Palatino }
kbd { color: green; font-weight: bold; font-size: 14pt; font-family: Courier, sans-serif }
ol { color: #8b4513; font: 14pt/20pt Palatino, \"Times Roman\", serif }
p { color: #8b4513; font: 14pt Palatino }
p:first-line { }
pre { color: fuchsia; font: 14pt/18pt Courier; margin-left: 0.75in}
samp { color: blue; font-size: 14pt; font-family: Courier, sans-serif }
sub { color: #8b4513; font: 10pt Palatino, \"Times Roman\", serif }
sup { color: #8b4513; font: 10pt Palatino, \"Times Roman\", serif }
tt { color: #dd0000; font-size: 14pt; font-family: Courier, sans-serif }
ul { color: #8b4513; font: 14pt/24pt Palatino, \"Times Roman\", serif }
xmp { color: green; font-weight: bold; font-size: 14pt; font-family: Courier, sans-serif }
td { color: #a52a2a; font-size: 14pt }

hvor du selvfølgelig indsætter dine egen værdier

call style.css i html coden

jeg håber at det hjælper dig lidt til at komme vider.

Nys
Avatar billede kakadue Nybegynder
15. september 2001 - 11:36 #12
øhm jamen altså nu er jeg sgu forvirret.. jeg ser ingen svar fra hverken jakoba eller olebole :/ og Nys, det der bringer mig jo ingen vegne nærmere. Jeg er ikke nybegynder i det her fag, jeg har bare nærmest krisen over at jeg ikke kan få noget der burde være så simpelt til at fungere. I virkeligheden burde man bare kunne definere en style for <tr>\'en der så ændrede baggrundsfarve for alle contained elements, altså <td>\'erne, men det virker tilsyneladende ikke en daddel. Derimod reagerer javascript hvis man laver en OnClick eller OnMouseOver i <tr>\'en så måske er det den vej man skal gå.
Avatar billede roenving Novice
15. september 2001 - 12:09 #13
Jeg henviste til et svar, som jakoba lavede forleden på et andet spørgsmål, og igår viste nute så (også i et andet spørgsmål), at det kunne bruges i en anden sammenhæng.

Her er nute\'s: http://www.eksperten.dk/spm/109342

-- en hurtig søgning i jakobs svar gav ikke resultat, så der må jeg vende tilbage, men ideen er, at du erklærer det element, du kommer fra, som variabel, finder dets parentElement og evt. itererer igennem alle children.

hth
jes
Avatar billede kakadue Nybegynder
15. september 2001 - 12:16 #14
Ah okay, så er jeg med :) .. men ja jeg er enig i den løsning. Desværre er jeg ikke SÅ stiv i javascript, så jeg skal have et eller andet at arbejde ud fra.. hvis du finder noget til mig er du min øjesten .. hehehe :)
Avatar billede roenving Novice
15. september 2001 - 12:30 #15
<script type=text/javascript>

function changeRow(elmnt, farve){
  var par = elmnt.parentElement;
  var childs = par.children;
  for (i=0;i<childs.length;i++){
    childs[i].style.backgroundColor=farve;
  }
}

</script>

og så i dine elementer:

onMouseOver=\"changeRow(this, \'#112233\') onMouseOut=\"changeRow(this, \'#778899\')

hth
jes
Avatar billede kakadue Nybegynder
15. september 2001 - 12:52 #16
YES!!! totalt som det skal være.. events\'ne kan bare kyles i <tr>\'en og så virker det på <td>\'erne.. KANON mand, tak :)

-Steen
Avatar billede roenving Novice
15. september 2001 - 12:53 #17
Takker for points

;~}
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