Toon posts:

[css][javascript] syntax

Pagina: 1

Acties:

28 views sinds 30-01-2008

woensdag 19 februari 2003 11:15

Acties:

Vinzzz243

Topicstarter

Ik heb de volgende vraag.
Ik heb bv een css style:

code:

1 2	.menu1 { position:absolute;top:135px;width:83px;visibility:hidden; font-color:#ffffff;text-align:center}

Nu wil ik bv het left attribuut veranderen in javascript. Maar is er ergens een url, hoe je al de attributen van een css style kunt benaderen via javascript?

Dus iets in de zin van

code:

1	document.all(elmnt).style.left=220;

Moet elmnt dan de naam van een class zijn, of kan dat alleen maar van een id zijn?

Ik heb tevergeefs gezocht, misschien heeft iemand een handige link voor me.

woensdag 19 februari 2003 11:17

Acties:

BtM909

Watch out Guys...

[google=change css with javascript]

Nog een keer je post gelezen: Wil je de stijl aanpassen van een element of wil je de stijl zelf aanpassen in je CSS stuk?

[ Voor 65% gewijzigd door BtM909 op 19-02-2003 11:19 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

woensdag 19 februari 2003 11:22

Acties:

Vinzzz243

Topicstarter

kan het allebei?

woensdag 19 februari 2003 11:24

Acties:

BtM909

Watch out Guys...

Volgens mij wordt er hier de stijl declaratie (dat woord zocht ik

) zelf aangepast.

BTW gezocht met: [google=Javascript change style declaration]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

woensdag 19 februari 2003 11:25

Acties:

Vinzzz243

Topicstarter

thx zo'n site zocht ik

woensdag 19 februari 2003 11:57

Acties:

Vinzzz243

Topicstarter

wil niet echt allemaal lukken, even zoeken of er een url is met alle css attributen omgezet in javascript aanroepen

woensdag 19 februari 2003 12:05

Acties:

BtM909

Watch out Guys...

welk attribuut kan je niet zetten?

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

woensdag 19 februari 2003 12:26

Acties:

Verwijderd

Op msdn staan lijsten van HTML objecten met bijbehorende CSS properties en daarnaast hoe je deze in javascript moet aanroepen, erg handig

klik

woensdag 19 februari 2003 12:38

Acties:

Vinzzz243

Topicstarter

u rule

thx

woensdag 19 februari 2003 13:47

Acties:

teacher

Frontpage Admin / Global Moderator

Dysgaf!

een snelle methode:

code:

<body>
<script type="text/javascript" language="Javascript"> 
<!-- 
   for(p in document.body.style) 
      alert(p); 
//--> 
</script>

Wise enough to play the fool

woensdag 19 februari 2003 14:12

Acties:

akakiwi

I believe in the ruling class.

en anders, gewoon de CSS tag overnemen, en "-" weglaten en het volgende woord beginnen met een hoofdletter.
Dus:
background-color -> backgroundColor
let -> left
padding-bottom -> paddingBottom
etc.
etc.....

| Life is a game (and games are fun) | homepage |

woensdag 19 februari 2003 14:34

Acties:

Vinzzz243

Topicstarter

ik heb nu de volgende regel om te testen:

code:

1	alert(document.styleSheets[0].rules[i].style.backgroundColor);

als ik nu de i steeds verhoog, krijg ik de waardes van background-color, maar in welke volgorde verwerkt hij die rules...eerst embedded css, dan linked css en dan "addRule"-regels?

---
edit

ik heb nu:

code:

<link href="test.css" rel="stylesheet" type="text/css">
<STYLE>
BODY {background-color: #987654;color:#5fffff;}
.rule0 {color:"red"}
.rule1 {color:"blue"} 
</STYLE>

in de css staan 4 style voor de hyperlinks
ik kan met

code:

1	document.styleSheets[0].rules.item(ruleIndex).style.color

nu maar 0 t/m 3 benaderen, dat zijn de hyperlinks, ik kan dus niet body en rule0 en rule1 benaderen

[ Voor 44% gewijzigd door Vinzzz243 op 19-02-2003 14:59 ]

woensdag 19 februari 2003 15:05

Acties:

Verwijderd

Die staan dan in document.styleSheets[1] waarschijnlijk he. Leer eens zelf iets uit/opzoeken voor je vragen gaat stellen. Denk je dat iedereen hier zo te werk gaat, als iets niet lukt het meteen op een forum gaan vragen? Het stikt werkelijk van de documentatie op het internet.

Pagina: 1

Dit topic is gesloten.