login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Redirect

Offline jdray - 30/10/2010 14:58
Avatar van jdrayNieuw lid Hallo allemaal,

Ik zit met het volgende probleem:

Ik wil met javascript kunnen redirecten naar een mobiele website als iemand met een mobieltje de site bezoekt. Op basis van schermresolutie kan dat. Alleen kom ik dan ik een loop:

  1. -----------------------------------------------
  2. <script type="text/javascript">
  3. var resolution = window.screen.width + window.screen.height;
  4.  
  5. if (resolution >= "1792") {
  6. document.location = "http://www.domein.com/index.html";
  7. }
  8. else {
  9. document.location = "mobiel/index.html";
  10. }
  11. </script>


Bij een gewone, hoge resolutie blijft de site resoluties checken en redirecten en kom je in een loop.
Bijkomend probleem is dat de index file verder niet aangepast mag worden. ik mag dus niet in de index file redirecten naar index2.html of zo. De index file is en blijft de homepage voor niet-mobiele bezoekers.

Hopelijk weet iemand iets briljants!

9 antwoorden

Gesponsorde links
Offline valles10 - 30/10/2010 15:18 (laatste wijziging 30/10/2010 15:18)
Avatar van valles10 HTML interesse lol?
Denk logisch na...
Zet dit gewoon in je /index.html en verwijder die document.location = "http://www.domein.com/index.html"; bij if (resolution >= "1792") {. Dus als resolutie > is dan 1792 doet hij niets, als de resolutie <1792 is dan redirect het script naar mobiel/index.html

simpel toch?

edit:
Want je hoeft toch niet te redirecten naar een huidige pagina?
Offline buisje - 30/10/2010 18:55
Avatar van buisje Onbekend Op zich wel leuk idee van de tijd maar denk je ook aan de resolutie van de meeste beeldschermen 1024pixels
Offline Kevin - 31/10/2010 11:46
Avatar van Kevin Crew Ajax/REST Nou ik zou niet in beeldresoluties werken, maar wel met de useragent strings.

Misschien moet je dit eens doornemen: http://www.hand...script.htm
Offline Aar - 31/10/2010 12:19
Avatar van Aar PHP interesse Nog beter. Stap af van JavaScript, en gebruik dit:

http://detectmobilebrowsers.mobi/
Deze gebruik ik ook in mijn CMS, en met succes. 
Offline jdray - 31/10/2010 21:35
Avatar van jdray Nieuw lid Bedankt allemaal!

Ik wil vooral graag iPhone 3 en 4 bezoekers naar de juiste CSS sturen.
Is dat alleen mogelijk met User Agents?
Offline marten - 31/10/2010 22:03
Avatar van marten Beheerder Kan je hier iets mee?

http://www.hand...script.htm
Offline Aar - 31/10/2010 22:37
Avatar van Aar PHP interesse
jdray schreef:
Bedankt allemaal!

Ik wil vooral graag iPhone 3 en 4 bezoekers naar de juiste CSS sturen.
Is dat alleen mogelijk met User Agents?

Ja, er is geen ander makkelijke manier om te herkennen. ZIe ook mijn URL. Daarmee kan iPhone gebruikers detecteren.
Offline Kevin - 01/11/2010 10:56
Avatar van Kevin Crew Ajax/REST
Aar schreef:
[..quote..]
Ja, er is geen ander makkelijke manier om te herkennen. ZIe ook mijn URL. Daarmee kan iPhone gebruikers detecteren.


Hangt ervanaf of je zelf veel wilt doen (mijn link) of meer een kant en klare oplossing (zie Aar)
Offline jdray - 01/11/2010 12:06
Avatar van jdray Nieuw lid weet iemand of dit gaat werken?
Ik beoog hier dus een scheiding tussen 480x320 mobiele gebruikers en iPhone4 gebruikers:

<link href="css/mob.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="iphone4.css" />
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.19s