Trädvy Permalänk
Medlem
Plats
Stockholm
Registrerad
Sep 2002

Aktiv css swithcer i JS

Tjenare.

Jag skulle behöva lite hjälp med att få fram en css-switcher i javascript.
Att hitta en vanlig switcher som aktiveras mha. en knapp eller en länk är ju inte direkt det svåraste. Men jag behöver en som aktivt kontrollerar skärmstorleken för att vid en ändring byta css-fil.

Vad ska jag ha det till?
Jag vill skapa mig en egen panel till min Sony Ericsson Xperia X1. Startar man panelen i "normalt" läge så har skärmen storleken 240x400px. Startar man panelen i "utfällt" läge så har skärmen storleken 400x240px. Dock så laddar panelen inte om sig vid en ändring.

Jag vill alltså skapa en css-fil för normalt läge och en widescreenversion, där javascriptet aktivt kontrollerar om skärmstorleken har ändrats.

Nu har jag suttit på jobbet, och eftersom det har varit en ganska död natt så satt jag och pluggade lite.

Tror ni att det här kan fungera? Eller borde man göra det på något annat sätt? Jag har tyvärr inte hunnit testa ännu, utan det får blir senare idag.

<link rel="stylesheet" type="text/css" href="normal.css" id="css"/> <script type="text/javascript"> setInterval ( "doSomething()", 1000 ); function doSomething ( ) { if (screen.width > 240) { document.write("<style type='text/css' src='wide.css'><\/style>"); } else { Document.write(”<style type=’text/csss’ src=’normal.css’><\/style>”); } } </script>

Jag är konstig. Är du?
----
http://posera.nu/

Trädvy Permalänk
Medlem
Registrerad
Jul 2001

CSS - MEDIA taggen antar jag du är bekant med
http://www.w3.org/TR/CSS2/media.html

ex media="handheld"

Men nu är det inte alltid detta funkar med olika webbläsare (jag har drabbats av det med Opera mini och Opera Mobile)

och då får man ta reda på webbläsaren själv med PHP och svara på ett lämpligt sätt...

Har varit på detta forum på tok för länge...

Trädvy Permalänk
Medlem
Plats
Stockholm
Registrerad
Sep 2002

Tyvärr, jag kan inte göra så. Jag ska köra det lokalt på telefonen som inte har support för serverside script.
Samt att skärmstorleken kan/kommer att ändras under scriptets körtid. De storlekar som kommer att dyka upp är 240x400px och 400x240. Samt att sidan inte laddas om vid en ändring av skrämstorleken.

Jag är konstig. Är du?
----
http://posera.nu/