Jojoxx.net logotyp

 

 

Användare ikonAnvändare
Besökare just nu: 101
Snabblänkar ikonSnabblänkar
JavaScript-arkivet
Perl
FAQ

Sö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.

,