Page 1 of 1
Javascript probleem voor mobiele site
Posted: Fri Aug 06, 2010 8:24 am
by erpee
Ik ben bezig met het maken van een site voor mobiele telefoons met CMSms.
Nu heb ik een aantal stylesheets gemaakt in de HEAD-sectie van mijn sjabloon, op basis van de standaard groottes van de diverse mobiele telefoons.
Ik wil dat, op basis van die groottes een css wordt geladen. Ik heb hiervoor het onderstaande script gemaakt maar het werkt niet echt. Er wordt nl geen een stylesheet geladen.
zie ik iets over het hoofd óf wat is er fout?
Code: Select all
{literal}
<__script__ type="text/javascript">
if ((screen.width >= 100 && (screen.width <= 175))
{
document.write('<link rel="stylesheet" type="text/css" href="uploads/mobile/css/mobile-128.css" /><link rel="stylesheet" type="text/css" media="handheld" href="uploads/mobile/css/mobile-mnu.css" />');
}
else if ((screen.width >= 176 && (screen.width <= 239))
{
document.write('<link rel="stylesheet" type="text/css" href="uploads/mobile/css/mobile-176.css" /><link rel="stylesheet" type="text/css" href="uploads/mobile/css/mobile-mnu.css" />');
}
else if ((screen.width >= 240 && (screen.width <= 319))
{
document.write('<link rel="stylesheet" type="text/css" href="uploads/mobile/css/mobile-240.css" /><link rel="stylesheet" type="text/css" href="uploads/mobile/css/mobile-mnu.css" />');
}
else document.write('<link rel="stylesheet" type="text/css" href="uploads/mobile/css/mobile-320.css" /><link rel="stylesheet" type="text/css" href="uploads/mobile/css/mobile-mnu.css" />');
// -->
</__script>
{/literal}
Re: Javascript probleem voor mobiele site
Posted: Fri Aug 06, 2010 8:31 am
by Jos
Ik heb er geen verstand van hoor, maar misschien kan de nieuwe plugin "Browsertools" van Jeremy Bass jou van nut zijn:
http://forum.cmsmadesimple.org/index.ph ... 904.0.html
Re: Javascript probleem voor mobiele site
Posted: Fri Aug 06, 2010 8:48 am
by erpee
ziet er wel interessant uit maar schermbreedtes geeft 'ie niet. dus dit is de oplossing nog niet ...
Re: Javascript probleem voor mobiele site
Posted: Fri Aug 06, 2010 9:00 am
by Rolf
Zo maar even wat mogelijke opties... (in rood)
{literal}
if ((screen.width >= 100) && (screen.width ');
}
else if ((screen.width >= 176) && (screen.width ');
}
else if ((screen.width >= 240) && (screen.width ');
}
else document.write('');
// -->
Maar kom je al op de Geekmoot in Amsterdam?
Wellicht is dit dan leuk
http://geekmoot.com/2010/presentations/ ... n_summary/
grtz. Rolf
Re: Javascript probleem voor mobiele site
Posted: Fri Aug 06, 2010 10:21 am
by erpee
Die haakjes deden het. Nu eerst maar eens even de site live zetten en verder testen ...
Maar kom je al op de Geekmoot in Amsterdam?
Nou ik denk het niet. als ik die prijzen zie slik ik wel even. Kost best veel....
Re: Javascript probleem voor mobiele site
Posted: Fri Aug 06, 2010 10:39 am
by Jos
Hollandurrrr
Het lijkt mij superleuk... De vroege vogelkorting is helaas al verstreken... daar heb ik natuurlijk wel gebruik van gemaakt
Re: Javascript probleem voor mobiele site
Posted: Fri Aug 06, 2010 11:22 am
by erpee
Jos wrote:
Hollandurrrr
Het lijkt mij superleuk... De vroege vogelkorting is helaas al verstreken... daar heb ik natuurlijk wel gebruik van gemaakt
Schuldig .... ben een echte Nederlander; hand op de knip en op zoek naar korting
Re: Javascript probleem voor mobiele site
Posted: Fri Aug 06, 2010 2:28 pm
by deactivated010521
----------
Re: Javascript probleem voor mobiele site
Posted: Fri Aug 06, 2010 2:39 pm
by Rolf
erpee wrote:
Maar kom je al op de Geekmoot in Amsterdam?
Nou ik denk het niet. als ik die prijzen zie slik ik wel even. Kost best veel....
De prijs voor alleen de Geekmoot, twee dagen incl. lunch e.d. geloof ik vind ik best mee vallen.
Als je idd daarnaast ook nog twee of drie workshops er bij doet dan wordt het wat...
Maar goed, als je vragen hebt over bepaalde modules is dit wel de kans om met de developer er over te hebben. Bedrijfsmatig gezien zijn de kosten natuurlijk peanuts. De cursussen die ik op het werk heb gehad zijn veeel duurder...
®olf
Re: Javascript probleem voor mobiele site
Posted: Fri Aug 06, 2010 2:49 pm
by realrock
De workshop is gebaseerd op deze topics:
http://forum.cmsmadesimple.org/index.ph ... 148.0.html
http://forum.cmsmadesimple.org/index.ph ... 190.0.html
In de workshop zal de detectie van verschillende toestellen aan bod komen, niet direct de verschillende resoluties. Ik heb hier wel mee getest alleen dat is naar mij idee niet de beste oplossing, mijn voorkeur gaat meer uit naar een universele lay-out waarbij je de breedte af laat hangen van de content (met marges daaromheen).
Wat Arnoud klopt, Javascripts kunnen een kriem zijn vooral met de wat oudere toestellen.
Re: Javascript probleem voor mobiele site
Posted: Fri Aug 06, 2010 3:40 pm
by deactivated010521
----------