Javascript probleem voor mobiele site

[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}

[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

[erpee]

ziet er wel interessant uit maar schermbreedtes geeft 'ie niet. dus dit is de oplossing nog niet ... 

[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 

[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.... 

[Jos]

Hollandurrrr 

Het lijkt mij superleuk... De vroege vogelkorting is helaas al verstreken... daar heb ik natuurlijk wel gebruik van gemaakt 

[erpee]

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 

[deactivated010521]

----------

[Rolf]

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 

[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.

[deactivated010521]

----------