Jojoxx.net

 

 

AnvändareAnvändare
Besökare just nu: 21
SnabblänkarSnabblänkar
JavaScript-arkivet
Perl
FAQ
Sök på Jojoxx.netSök på Jojoxx.net



Ladda stilmall (css) beroende på upplösning

Exempel

800*600 upplösning
1024*768 upplösning
Annan upplösning

Kod


<!-- del 1 -->
<script type="text/javascript">
/* Detta script finns att hämta på http://www.jojoxx.net och
   får användas fritt så länge som dessa rader står kvar. */

if (parseInt(navigator.appVersion) >= 3){
	if (navigator.appName == "Netscape"){
		tools=java.awt.Toolkit.getDefaultToolkit();
		screen=tools.getScreenSize();
	}
	w=screen.width;
	if(w == 800){
		document.write("<link rel=stylesheet href=\"res800.css\" type=\"text/css\">");
	} else if(w == 1024){
		document.write("<link rel=stylesheet href=\"res1024.css\" type=\"text/css\">");
	} else {
		document.write("<link rel=stylesheet href=\"resother.css\" type=\"text/css\">");
	}
}
</script>

<!-- del 2 -->
<span class="r800">800*600 upplösning</span><br>
<span class="r1024">1024*768 upplösning</span><br>
<span class="rother">Annan upplösning</span><br>

Kommentar

Del 1 av scriptet läggs i head och kommer att länka in stilmallen res800.css om surfaren använder använder upplösningen 800*600, res1024.css om surfaren använder 1024*768 och i annat fall kommer resother.css att länkas in. I exemplet har vardera upplösningen fått sin klass med grön färg medans de andra fått röd. Således kommer den upplösning som användaren har visas med grön färg. Givetvis finns det mer användbara saker att använda scriptet till.

,