Autor Zpráva
retep
Profil
Zdravím, doteraz som sa úspešne js vyhýbal, akosi tomu nechápem.
Potreboval by som zmeniť štýl v stylesheet-e, ak je šírka okna menšia ako nejaká pevná hodnota (napr. pri 1280px namiesto a.css použije b.css). Pomôže mi niekto s riešením a implementáciou? Vopred Ďakujem.
retep
Profil
Zdravím, tak so to vyriešil sám, zdá sa, že to funguje:
Riešenie
<script language="JavaScript">
<!--
//zisti sirku okna prehliadaca
function checkBrowserWidth()
{
var theWidth = getBrowserWidth();
if (theWidth == 0)
{
document.write('<link rel="stylesheet" href="....a.css "type="text/css" media="screen" />');
}
if (theWidth > 1200)
{
document.write('<link rel="stylesheet" href="....b.css "type="text/css" media="screen" />');
}
else
{
document.write('<link rel="stylesheet" href="...a.css "type="text/css" media="screen" />');
}
};
function getBrowserWidth()
{
if (window.innerWidth)
{
return window.innerWidth;
}
else if (document.documentElement && document.documentElement.clientWidth != 0)
{
return document.documentElement.clientWidth;
}
else if (document.body)
{
return document.body.clientWidth;
}
};
checkBrowserWidth();
// -->
</script>
<noscript>
document.write('<link rel="stylesheet" href="....b.css "type="text/css" media="screen" />');
</noscript>
Toto téma je uzamčeno. Odpověď nelze zaslat.