JS Css Seçimi

[aramil]

yine bir tasarım sorunsalıyla karşınızdayım. 3 farklı css dosyamız var. client height'i 768 altı olana 1. dosya, 768-900 arası 2.dosya, 900 üstü için 3. css dosyasını nasıl include edebilirim javascript ile? google da da keyword ne giriyorsam hep abuk şeyler geldi... bir ışık tutun yoluma, minnettar kalayım!

[di]

Yapman gereken CSS degistirmek degil, javascript ile duruma gore class secmek, class'i elemanlara eklemek/cikarmak ya da css'i direkt javascript ile vermek olmali. Isin icine yukseklik vesaire girince direkt javascript ile islemek en mantiklisi.

Yok illa bildigim gibi yapicam dersen javascript ile CSS dosyayi reload etmenin yollari var. Bu sekilde aratirsan istedigine ulasirsin.

[uk]

yepnopejs.com/

bu resource loader kullanabilirsin..

hatta modernizr' in son cikan 2.5 surumune de eklediler bunu

ayrica bu tarz isler icin modernizr en stabil ve kapsamli cozum, sadece ekran cozunurlugu degil bi cok attribute icin kullanabilirsin

[reyou]

ben olsam sole yaparim, simdi senin bi initialize sayfan olucak
index.html ici bombos bi sayfa ve tabiki hizli olucak yuklemesi.

bu sayfa javascript ile bilgileri alicak
ve senin anasayfana yonlendircek

mesela;
/default.php?width=640&height=480

gibisinden

ve sende o sayfada gelen parametreye gore istedigin css i alip sayfaya gomucen.

bi ikinci yol, jquery ile page ready oldugu zaman
css i sayfaya inject ediceksin. width durumuna gore falan
ama bu yolda sayfa yuklendikten sonra css geleceginden ilk 1-2 saniye siten kotu gorunebilir css gelince toparlanacaktir.

[uk]

ufak bir hata var yalniz, site yuklenirken tarayici once head kismini yukler ve calistirir, js ile ( yepnope gibi ) bunu daha body bile hazirlanmadan yukletirsen hic bi sorun olmaz..

kullanicinin bunu farketme durumu bile olamaz cunku tarayici sayfayi o css e gore sekillendiricek

[Dralnu]

tek css dosyasiyla halledebilirsin. modernizr la media query destegi verip vermedigine bak clientin; 768 alti dedigin version default'un olsun, digerlerinin style ini media query kullanarak ver css icinde.

[Loxias]

	<link href="css/phone.css" rel="stylesheet" type="text/css" media="all and (min-width: 0px) and (max-width: 640px)">

	

vb şekilde kullanabilirsin

[aramil]

sonuncuyu anlamadım, açıklayabilir misin?

[aramil]

uk said:

yepnopejs.com/

bu resource loader kullanabilirsin..

hatta modernizr' in son cikan 2.5 surumune de eklediler bunu

ayrica bu tarz isler icin modernizr en stabil ve kapsamli cozum, sadece ekran cozunurlugu degil bi cok attribute icin kullanabilirsin

inceleyeceğim bunu.