[Javascript & CSS] style omzetten naar javascript variabele - Softwareontwikkeling

maandag 6 maart 2006 19:47

Acties:

Topicstarter

Hallo tweakers,
Ik zit met een probleem. Ik wil namelijk een waarde uit mijn stylesheet omzetten naar een javascript variabele. Ik heb nu dit:

code:

<html>

<head>
  <title></title>
<style>
body { color: blue; }
</style>
</head>

<body>
Tekst<br><br>

<script type="text/javascript"><!--

var test = document.getElementsByTagName("body")[0].style.color;

document.write (test);

//--></script>

</body>

</html>

het gaat dus om de waarde 'blue'. Hoop dat jullie mij kunnen helpen.

maandag 6 maart 2006 19:49

Acties:

Koeniepoenie

Wanneer deze in een stylesheet is gedefinieerd kun je deze niet op deze manier met Javascript benaderen.

Het is wel mogelijk, maar IE en Mozilla hebben voor de verandering dit anders geimplementeerd

IE gebruikt currentStyle, en Mozilla gebruikt getComputedStyle(). Beetje googlen en je weet hoe je deze exact moet gebruiken.

Parse error: syntax error, unexpected GOT_USER in https://gathering.tweakers.net on line 1337

dinsdag 7 maart 2006 08:53

Acties:

wilcodl

Topicstarter

Bedankt Koeniepoenie voor de reactie, voor Internet Explorer is het nu gelukt! Maar voor Firefox werkt de code nog niet. Wat doe ik fout??

code:

<html>
<head>
  <title></title>
<style type="text/css">
body { color: blue; }
div ( height: 10px; }
</style>
</head>

<body>
Tekst<br><br>

<script type="text/javascript"><!--

//var test = document.body.currentStyle["color"];

var test = document.defaultView.getComputedStyle(body, '').getPropertyValue("color");

document.write(test);

//--></script>

</body>
</html>

dinsdag 7 maart 2006 20:50

Acties:

George

Ik snap je probleemdefinitie even niet. Je probeert een waarde uit je stylesheet (dus een atribuut van een klasse of een id) als waarde voor een javascript variable te krijgen ?

Dan gebruik je toch gewoon de JS DOM en benader het gewenste object via .style ?

-George.

dinsdag 7 maart 2006 21:06

Acties: