Maciej Kmiecik programista
Temat: CSS ładowany zależnie od rozdzielczości
Witam,Mam mały problem, w ajax dopiero zaczynam, a potrzebuję skrypt, który będzie mi ładował 2 różne arkusze stylów zależne od rozdzielczości. Tzn. od szerokości 800 do 1024 ładuje się 1 arkusz, a od 1280 wzwyż drugi.
Grzebiąc u wujka google znalazłem coś takiego:
<script>
document.onreadystatechange = function () {
if (document.readyState == "complete") {
var rozdzielczosci = new Array("1024_768", "1280_1024");
for(i=0; i<rozdzielczosci.length; i++){
if(rozdzielczosci[i]==screen.width + '_' + screen.height){
document.getElementById('styl').href=screen.width + '_' + screen.height + '.css';
}
}
}
}
</script>
Problem jest taki, że ten skrypt nie jest "elastyczny" czyli jak jest 1024 to ładuje 1024, a jak jest 1280 to ładuje 1280 i nic pomiędzy, gdyż w momencie, w którym rozdzielczość nie odpowiada żadnej z tablicy ładowany jest styl domyślny (czyli ten większy)i tak jak ktoś ma szerokość ekranu 900 to zamiast ładować mu 1024 ładowane jest 1280.
I tu moje pytanie. Wie ktoś może jak przerobić to tak, żeby działało to elastycznie na zakresie tych rozdz, a nie na sztywnych wartościach. Pewnie jak wezmę książkę od AJAX'a z półki (co w sumie teraz robię) to w końcu do tego dojdę, ale zejdzie mi na tym masę czasu to raz, a dwa już jestem tak zakręcony, że nie myślę :)