style extern en toch object.style?

[theFlashWizard]

ey mensjes
Ik ben een btje aant kijke naar javascript, maar loop tegen een vervelend probleem aan.
Ik wil het liefst als me style's (positie in dit geval) in een extern css bestand houden.
maar met javascript lijkt het .style property dan niet meer gevult te worden.

kijk maar eens naar de volgende 2 voorbeelden, bij de 1ste staat de style inline bij de img
en bij de 2de in de head.

voorbeeld1 (http://members.lycos.nl/tut1/uploadbestanden/Moving%20Objects01%20vb1.htm)
voorbeeld2 (http://members.lycos.nl/tut1/uploadbestanden/Moving%20Objects01%20vb2.htm)

zoals je ziet werkt de 2de niet maar zo wil ik het eigenlijk wel. Weet iemand mischien een oplossing?
alvast bedankt!

[mknol]

Ik denk dat je het dan meer moet zoeken met GetElementsByID. Daardoor vraagt hij terplekke de 'styles' en info op.

Maar toch best een vreemde gewaarwording eigenlijk.

edit:
of probeer eens in je style
img .star{ //bla
}

dus de komma eraf en een punt erbij (star is een class eh!)

[theFlashWizard]

Khad nie eens gezien dat daar een komma stond :|
maar et helpt helaas niet. nu heb ik het geprobeert via GetElementsByID maar dat werkt ook niet zonder inline style atribuur.
kijk maar eens naar de deze voorbeelden:

voorbeeld1 (http://members.lycos.nl/tut1/uploadbestanden/Moving%20Objects02%20vb1.htm)
voorbeeld2 (http://members.lycos.nl/tut1/uploadbestanden/Moving%20Objects02%20vb2.htm)

zie ik wat fundementeels over het hoofd ofzo?

kan javascript die gegevens wel uit die externe css halen?
kan javascript het eigenlijk ook niet zonder die styles?


if(!starIMG.style.left){
starIMG.style.left = 50 + step;
}else{
starIMG.style.left = parseInt(starIMG.style.left) + step;
}
laat het wel werken.. maar dan haalt hij dus nooit de orginele positie op en dan zal ik die positie altijd 2x moeten neerzetten :S

[SubZero]

Ik vraag me wel af wanneer je JS-beweging in een reëel project gaat gebruiken.

[mknol]

en werkt het wel misschien met object.style.setProperty ??
echt vaag he..

[mknol]

http://webmaster.info.aol.com/stylesheets.html


According to the rough draft of the W3C DOM2 standard, a tag's style is the static style as set by the STYLE attribute only. It does not include any inherited styles, as from parent elements or external style sheets. Using JavaScript to access these styles, then, requires that developers either place these styles within the tag's STYLE attribute or to use no static styles at all but rather add them dynamically through the DOM with JavaScript.

babelfish vertaling:

Volgens het ruwe ontwerp van de W3C DOM2 norm, is de stijl van een markering de statische stijl zoals die door de slechts attributen van de STIJL wordt geplaatst. Het omvat geen geërfte stijlen, vanaf ouderelementen of externe stijlbladen. Het gebruiken van JavaScript om tot deze stijlen toegang te hebben, toen, vereist dat de ontwikkelaars of deze stijlen binnen de attributen plaatsen van de STIJL van de markering of geen statische stijlen te gebruiken bij alles behalve voegt hen eerder dynamisch door DOM met JavaScript toe.

[theFlashWizard]

ik hoopte straks een uitklap menu te maken met beweging.. dus dat de sublink's onder de hoofdlinks vandaan komen bewegen en zich daar dan netjes onder positioneren. maar gezien dit probleem en het feit dat die pagina dan toch opnieuw moet laden (omdat hij nieuwe content krijgt) laat ik dit idee maar ff met rust denk ik.

mknol2000, perfect citaat, precies wat ik nodig had :)

thnx voor alle moeite! :)