Avatar billede scaniav8 Nybegynder
19. oktober 2005 - 09:31 Der er 16 kommentarer og
1 løsning

Onmouseover på en table-td

Hej...
Hvad er koden til en table/td hvis jeg nu skal have sådan at når man holder musen over en table på 70x70 så laver den border = 1 og når man fjerner musen, bliver border = 0 ?
Avatar billede ldanielsen Nybegynder
19. oktober 2005 - 09:53 #1
onmouseover="this.style.border = '1px solid black';" onmouseout="this.style.border = '1px none black';"

Men det dur ikke i alle browsere, kigger lige på det
Avatar billede olebole Juniormester
19. oktober 2005 - 12:06 #2
<ole>

Jo, du skal bare sætte border-color til baggrundsfarven (border-color kan ikke være 'transparent') ... f.eks:

onmouseover="this.style.border = '1px solid black';" onmouseout="this.style.borderColor = 'white';"

/mvh
</bole>
Avatar billede ldanielsen Nybegynder
19. oktober 2005 - 12:18 #3
Men olebole, det er stadig ikke crossbrowser, vel? Det er jo sådan noget du er god til ...
Avatar billede roenving Novice
19. oktober 2005 - 15:07 #4
Hvorfor skulle det ikke være cross-browser ?-)

-- hvis browseren er så gammel, at den ikke forstår css eller javascript, vil det selvfølgelig ikke virke ...
Avatar billede ldanielsen Nybegynder
20. oktober 2005 - 09:14 #5
Jeg mener bare at Netscape ikke bruger style i syntaksen, så det skulle være
this.border = '1px solid black';"

Men jeg har aldrig gået særlig meget op i netop det.

Hvad siger scaniav8 til det hele?
Avatar billede roenving Novice
20. oktober 2005 - 14:40 #6
Netscape 4 brugte ikke style ...

-- men det er vel idag ikke en browser, der tages alvorligt !-)
Avatar billede scaniav8 Nybegynder
22. oktober 2005 - 11:54 #7
ldanielsen - læg et svar :)
Avatar billede ldanielsen Nybegynder
24. oktober 2005 - 12:11 #8
Svar
Avatar billede olebole Juniormester
24. oktober 2005 - 12:51 #9
<ole>

Jo, NS4.X brugte skam også style-objektet på elementer - men havde til gengæld ikke CSS implementeret.

I stedet brugte NS4.X JSSS (JavaScript StyleSheets), som dog kunne forstå/oversætte en del CSS. Faktisk var CSS udkommet - og implementeret i IE4 - da NS4 udkom, men NS troede ikke rigtig på CSS - og valgte skæbnesvangert at fastholde brugen af JSSS i stedet for at sprænge deadline og implementere CSS.

- blot en lille korrektion af historikken  :)

/mvh
</bole>
Avatar billede olebole Juniormester
24. oktober 2005 - 12:52 #10
PS: CSS blev først implementeret i NS6.0
Avatar billede roenving Novice
24. oktober 2005 - 13:12 #11
-- men style var da ikke et selvstændigt objekt på html-elementer, som det er i de andre browsere !-)
Avatar billede olebole Juniormester
24. oktober 2005 - 13:19 #12
Jo, det var det ... og jeg er 112% sikker. Da jeg var på Framfab havde NS4 ekstremt høj prioritet. Der er meget NS4-relateret, jeg ikke husker - men dette husker jeg helt sikkert  :)
Avatar billede roenving Novice
24. oktober 2005 - 13:23 #13
Men den klassiske udgave af scriptet til at ændre style-properties, ser jo sådan ud:

var styleObj = document.layers ? document.layers["NSlayer"] : document.getElementById ? document.getElementById("IElayer").style : document.all.IElayer.style;
Avatar billede olebole Juniormester
24. oktober 2005 - 13:23 #14
Gerts scroller:
    http://www.ghtml.com/showoff/scrollbar/index.html
- blev oprindelig udviklet på Framfab til brug på den første version af nikefootball.com - og Nike's projektleder var Mac/NS4-mand, så lige netop den bruser var der rimelig godt styr på i afdelingen  ;o)

Kik i kilden  :)
Avatar billede roenving Novice
24. oktober 2005 - 13:25 #15
-- som bekræfter mit udsagn ...
Avatar billede olebole Juniormester
24. oktober 2005 - 13:26 #16
Ahhh ... nu er jeg med  ;o)

Elementerne havde en style-attribut - men style-objektet var ikke tilgængelig som property på element-objektet  :)
Avatar billede olebole Juniormester
24. oktober 2005 - 13:27 #17
- og tydeligere:
Elementerne havde en style-attribut - men style-objektet var ikke via JS tilgængeligt som property på element-objektet  :)
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