konto usunięte
<link rel="Stylesheet" href="niebieski.css" title="Styl domyślny" type="text/css" />
konto usunięte
Piotr Parzentny:
Witam
Mam wczytany arkusz:
<link rel="Stylesheet" href="niebieski.css" title="Styl [/quote]> [quote]domyślny" type="text/css" />
Jak za pomocą JS zmienić na stronie ten arkusz na np. czarny.css?
Chodzi mi o rozwiązanie ogólne, które zadziała pod KAŻDĄ przeglądarką.
Pozdrawiam.
konto usunięte
<link rel="stylesheet" href="default.css" type="text/css">
<ul>
<li><a id="css-red" href="#red">Red</a></li>
<li><a id="css-blue" href="#blue">Blue</a></li>
<li><a id="css-green" href="#green">Green</a></li>
</ul>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// red
$("#css-red").click(function() {
$("link[rel=stylesheet]").attr({href : "red.css"});
});
// blue
$("#css-blue").click(function() {
$("link[rel=stylesheet]").attr({href : "blue.css"});
});
// green
$("#css-green").click(function() {
$("link[rel=stylesheet]").attr({href : "green.css"});
});
});
</script>
konto usunięte
Wiktor Osiecki:
Domyślny arkusz styli:
<link rel="stylesheet" href="default.css" type="text/css">
Lista alternatywnych arkuszy:
<ul>
<li><a id="css-red" [/quote]> href="#red">Red</a></li>[quote]<li><a id="css-blue" [/quote]> href="#blue">Blue</a></li>[quote]<li><a id="css-green" [/quote]> href="#green">Green</a></li>[quote]</ul>
skrypt korzystający z biblioteki jQuery:
<script type="text/javascript" [/quote]> src="jquery.js"></script>[quote]<script type="text/javascript">
$(document).ready(function() {
// red
$("#css-red").click(function() {
$("link[rel=stylesheet]").attr({href : "red.css"});
});
// blue
$("#css-blue").click(function() {
$("link[rel=stylesheet]").attr({href : "blue.css"});
});
// green
$("#css-green").click(function() {
$("link[rel=stylesheet]").attr({href : "green.css"});
});
});
</script>
konto usunięte
konto usunięte
Wojciech
Węckowski
Spec. ds. kontroli
jakości, FARBY KABE
POLSKA SP. Z O.O.
konto usunięte
Wiktor Osiecki:
Faktycznie nie sprecyzowałem jakie jQuery - niech będzie Minified - 55KB. To chyba nie jest w dzisiejszych czasach wielkie obciążenie.
Chodziło też o rozwiązanie, które będzie działać pod każdą przeglądarką - różnice w implementacji Java-Scriptu są niwelowane po stronie biblioteki.
Michał K. .NET Developer
Piotr Lewandowski:
...Całość da się napisać w maks 2kb i to z obsługa cookies...
Następna dyskusja:
пропозиції роботи
