Orientatie van mobieltjes

Elke moderne mobiel kan je tegenwoordig op zijn kant leggen waarbij de pagina ook kantelt zodat het weer recht staat. Op dat moment heeft de pagina meer breedte en minder hoogte.

Wat nu als je hier gebruik van wilt maken? Dat 2 elementen onder elkaar staan in 'portret' maar naast elkaar bij 'landscape', hoe doe je dat? Je kan de @media in css gebruiken, maar die word niet overal ondersteund dus ja, wat dan? Javascript.

Gesponsorde koppelingen

Inhoudsopgave

  1. orientatie.js

 

10 reacties op 'Orientatie van mobieltjes'

PHP hulp
PHP hulp
0 seconden vanaf nu
 
Gesponsorde koppelingen
Jona than
Jona than
2 jaar geleden
 
0 +1 -0 -1
Het lijkt me een betere oplossing als je de <body> automatisch de tag 'portrait' of 'landscape' geeft. Het is dan immers mogelijk om alle wijzigingen in de CSS te doen in plaats van in JavaScript.

Verder gebruik je 'portret' in je code, daar kan je beter 'portrait' van maken omdat je je al je naamgeving in het Engels hebt.
Robin van der Vliet
Robin van der Vliet
2 jaar geleden
 
0 +1 -0 -1
Mooi script, ik heb hem getest op mijn Nokia N95 hij werkt, maar op me vaders iPhone werkt hij jammer genoeg niet.
- Aar -
- Aar -
2 jaar geleden
 
0 +1 -0 -1
Kan iemand eens een mooie demonstratie maken :-)?
Opolo Webdesign
Opolo Webdesign
2 jaar geleden
 
0 +1 -0 -1
@Aar anoniem Denk ut niet, want volgens mij werkt het maar voor de helft. Tenminste op mijn Pre werkt het niet.
Raymond reniers
raymond reniers
1 jaar geleden
 
0 +1 -0 -1
hopelijk maakt iemand het dan ff werkend want het is wel handig
Jesse Degger
Jesse Degger
1 jaar geleden
 
0 +1 -1 -1
@Robin;

check de iPhone Safari API's, daar kan je nog wel heeeeel wat meer mee dan alleen dit.
Daan Onbekend
Daan Onbekend
1 jaar geleden
 
1 +1 -0 -1
De iphone doet het wel met @media:

ww.thecssninja.com/css/iphone-orientation-css


1 jaar geleden
 
0 +1 -0 -1
je kan ook veel leren op leerscripten.nl zit ik op veel tuts en zo
Melvin Lammerts
Melvin Lammerts
1 jaar geleden
 
1 +1 -1 -1
Is het niet beter om de hoogtes en breedtes in procenten uit te drukken? Dan hoort het altijd op z'n plek te staan.

Om te reageren heb je een account nodig en je moet ingelogd zijn.

  • Details
  • Johan Dam
    Door:
    Johan Dam
  • 2 jaar geleden
  • 7.161 x bekeken