/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Referer til en CSS class
Fra : Thomas Mollerup


Dato : 15-11-01 17:22

Er der nogen der ved hvordan man referer til en CSS class, for at ændre eks.
borderen på alle de layers der er medlem af den class?

Jeg ved godt at man kan gøre det ved at referere til layernes id og bruge et
for() loop, men det er jeg ikke intresseret i da det er for langsomt til
mange layers.


<html>
<head>
<script>

function changeMyLayers(){

/* Har prøvet nedstående:
myLayerClass.style.border = "3px solid #000000";
document.styleSheets[0].cssRules[0].style.border = "3px solid
#000000";
document.styleSheets[0].myLayerClass.style.border = "3px solid
#000000";
*/
}

</script>
<style type="text/css">
.myLayerClass { background-color: #0033CC; width:50px; height:50px;
border: 1px solid #000000}
</style>
</head>

<body>
<div id="Layer1" style="position:absolute; left:50px; top:50px;"
class="myLayerClass"></div>
<div id="Layer2" style="position:absolute; left:100px; top:100px;"
class="myLayerClass"></div>
<div id="Layer3" style="position:absolute; left:150px; top:50px;"
class="myLayerClass"></div>
<div id="Layer4" style="position:absolute; left:200px; top:100px;"
class="myLayerClass"></div>
<div id="Layer5" style="position:absolute; left:250px; top:50px;"
class="myLayerClass"></div>
<div id="Layer6" style="position:absolute; left:300px; top:100px;"
class="myLayerClass"></div>
<input type="button" onclick="changeMyLayers()" value="Klik mig!"
style="position:absolute; top:200; left:150;">
</body>
</html>



Thomas Mollerup



 
 
Thomas Mollerup (16-11-2001)
Kommentar
Fra : Thomas Mollerup


Dato : 16-11-01 23:13

Så har jeg fundet ud af hvordan man gør, hvis der er nogen der skulle støde
på samme problem:

<html>
<head>
<script>

function changeMyLayers(){

document.styleSheets[0].rules[0].style.border = "3px solid #000000";
}

</script>
<style type="text/css">
..myLayerClass { background-color: #0033CC; width:50px; height:50px; border:
1px solid #000000}
</style>
</head>

<body>
<div id="Layer1" style="position:absolute; left:50px; top:50px;"
class="myLayerClass"></div>
<div id="Layer2" style="position:absolute; left:100px; top:100px;"
class="myLayerClass"></div>
<div id="Layer3" style="position:absolute; left:150px; top:50px;"
class="myLayerClass"></div>
<div id="Layer4" style="position:absolute; left:200px; top:100px;"
class="myLayerClass"></div>
<div id="Layer5" style="position:absolute; left:250px; top:50px;"
class="myLayerClass"></div>
<div id="Layer6" style="position:absolute; left:300px; top:100px;"
class="myLayerClass"></div>
<input type="button" onclick="changeMyLayers()" value="Klik mig!"
style="position:absolute; top:200; left:150;">
</body>
</html>



Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408931
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste