/
Forside
/
Teknologi
/
Udvikling
/
Java Scripts
/
Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn
*
Kodeord
*
Husk mig
Brugerservice
Kom godt i gang
Bliv medlem
Seneste indlæg
Find en bruger
Stil et spørgsmål
Skriv et tip
Fortæl en ven
Pointsystemet
Kontakt Kandu.dk
Emnevisning
Kategorier
Alfabetisk
Karriere
Interesser
Teknologi
Reklame
Top 10 brugere
Java Scripts
#
Navn
Point
1
molokyle
5410
2
Klaudi
2799
3
smorch
2439
4
kim
1360
5
Harlekin
1134
6
bentjuul
984
7
gibson
800
8
severino
695
9
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
Alle emner
Teknologi
Udvikling
Java Scripts
Indstillinger
Spørgsmål
Tips
Usenet
Reklame
Statistik
Spørgsmål :
177559
Tips :
31968
Nyheder :
719565
Indlæg :
6408931
Brugere :
218888
Månedens bedste
Årets bedste
Sidste års bedste
Copyright © 2000-2024 kandu.dk. Alle rettigheder forbeholdes.