Mobiele website detecteren

motower · 22 jul 2013

Hallo, ik ben bezig met een mobiele versie te maken van mijn website en heb nu wel een javascript gevonden die je naar mobiel doorstuurt .....

<SCRIPT LANGUAGE="javascript">
if (screen.width > 400) {
{parent.location.href='index02.html'}
}else{{parent.location.href='http://m.mo-vormgeving.nl'}}
</SCRIPT>

....... maar dat werkt natuurlijk niet voor alle mobiele telefoons want niet alles accepteert javascripts.

Nu heb ik dit gevonden, maar kan er geen chocola van maken .... http://detectmobilebrowsers.com/
Iemand een idee????

Ik bouw in Dreamweaver en heb (helaas) geen verstand van php.

jesse123 · 22 jul 2013

Hoi,

Misschien kun je het proberen met dit script:

HTML:

<script language=javascript>
<!--
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))){
   location.replace("mobile.html");
}
else if (screen.width <= 699) {
document.location = "mobile.html";
}
-->
</script>

Dit script kijkt eerst of je telefoon een iPhone, iPod of iPad is, zo ja, dan ga je (in dit geval) naar mobile.html.
Dit script kijkt ook naar de breedte van je scherm. Als deze kleiner is dan 699 pixels wordt je doorgestuurd naar (in dit geval) mobile.html

Het bestand dat moet worden geopend kun je natuurlijk zelf invullen op de plek van mobile.html.
Succes

Gr. Jesse

motower · 22 jul 2013

Bedankt!

Ik merk dat ik onvolledig geweest ben, want de iPhone en iPad pakt het wel, op de telefoon gaat ie naar de mobiele versie en op de pad naar de gewone site.

Maar ik heb ook een Samsung Galaxy en daar gaat ie naar de gewone site, terwijl dit toch ook een klein scherm is. Ik dacht dat dat kwam omdat de Samsung wellicht geen javascript pakt????

jesse123 · 22 jul 2013

Dat zou goed kunnen, maar dat zou ik zo niet weten. Misschien kun je het vinden op Google?

Naarling · 22 jul 2013

Welke Galaxy gaat het om? Er zijn er nogal veel.

motower · 22 jul 2013

Samsung Galaxy S gt-i9000

Naarling · 22 jul 2013

Lijkt een bekende bug te zijn (ondersteuning voor Javascript is er trouwens zeker wel, anders had je ook allang gemerkt dat veel andere sites niet goed werken).
Wat mogelijk helpt is dit in je <head> zetten.

HTML:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

motower · 22 jul 2013

Hmmmmm, nee helaas, dat werkt niet.

Naarling · 22 jul 2013

Wat was er trouwens mis met dat script van http://detectmobilebrowsers.com/ ? Voor de javascript verise heb je helemaal geen PHP nodig. je hoeft aan het einde van het script alleen maar de URL die daar staat te vervangen door je eigen URL.

motower · 22 jul 2013

Nee niks mis mee, ik weet alleen niet hoe in de head te zetten, want als ik dit doe ...... dan krijg ik een foutmelding in DW

HTML:

<SCRIPT LANGUAGE="javascript">
(function(a,b){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'http://m.mo-vormgeving.nl');
</SCRIPT>

Naarling · 22 jul 2013

Wat voor foutmelding...?

motower · 22 jul 2013

dit ......

Schermafbeelding 2013-07-22 om 21.51.16.png

Naarling · 22 jul 2013

Ik heb hem hier net even geprobeerd en hij werkt gewoon. Je gebruikt een XHTML doctype, dus het kan goed zijn dat hij de melding geeft vanwege de hoofdletters in je script tags (bij XHTML altijd kleine letters gebruiker voor tags, attributen, etc.) Of vanwege language="javascript", dat zou <script type="text/javascript"> moeten zijn.

motower · 23 jul 2013

Aha, weer wat geleerd!

Ik heb het script nu ook helemaal onderaan in de head gezet en nu werkt wel, pffffff.
Maar ik krijg nog wel een fout melding, zou je daar 'ns naar willen kijken?

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>MO  VORMGEVING --&gt; webdesign &amp; grafische vormgeving</title>
<meta name="Description" content="Mo Vormgeving, voor webdesign en grafische vormgeving." />
<meta name="Keywords" content="webdesign, website, vormgeving, grafische vormgeving, drukwerk, CMS, content management systeem, rotterdam, mo, mo-vormgeving, stijl, ontwerp, ontwerpen, huisstijl, drukwerk, fotobewerking, fotografie, website bouwen, website maken" />
<meta name="copyright" content="Mo Vormgeving">
<meta name="author" content="Mo Vormgeving">
<meta name="language" content="NL">
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="14 days">
<!-- Webdesign, Website, Vormgeving -->

<link rel="shortcut icon" href="/favicon.ico">
<link href='http://fonts.googleapis.com/css?family=Kameron|Molengo' rel='stylesheet' type='text/css'>
<link href="stijl.css" rel="stylesheet" type="text/css" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />

<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(images/mo.jpg);
	background-position: right bottom;
}
#Wrapper {
	position:absolute;
	width:100%;
	height:730px;
	z-index:1;
	background-image: url(images/back-purple.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
}
.backmo {
	background-image: url(images/mo.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#Navi {
	position:absolute;
	width:550px;
	height:435px;
	z-index:20;
	text-align: right;
}
#slideshow {
	position:absolute;
	height:370px;
	left: 270px;
	top: 135px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>

<script type="text/javascript" src="jquery-slideshow/jquery-1.2.6.min.js"></script>

<script type="text/javascript">



function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    // uncomment the 3 lines below to pull the images in random order
    
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 2500 );
});

</script>

<style type="text/css">
#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:21;
	top: 730px;
	left: 665px;
}
#apDiv2 {
	position:absolute;
	width:150px;
	height:30px;
	z-index:21;
	top: 520px;
	left: 720px;
	text-align: right;
}
</style>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-4503062-12']);
  _gaq.push(['_setDomainName', 'mo-vormgeving.nl']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

<script type="text/javascript">(function(a,b){if(/android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'http://m.mo-vormgeving.nl');</script>

</head>

Bij regel 172 komt een rood balkje

crash · 23 jul 2013

jesse123 zei:
Dat zou goed kunnen, maar dat zou ik zo niet weten. Misschien kun je het vinden op Google?

Mensen komen niet naar Helpmij.nl om vervolgens naar Google te worden verwezen.

Graag dit soort reacties achterwege laten, de vraagsteller wordt daar niet mee geholpen.

Mobiele website detecteren

motower

Gebruiker

jesse123

Gebruiker

motower

Gebruiker

jesse123

Gebruiker

Naarling

Terugkerende gebruiker

motower

Gebruiker

Naarling

Terugkerende gebruiker

motower

Gebruiker

Naarling

Terugkerende gebruiker

motower

Gebruiker

Naarling

Terugkerende gebruiker

motower

Gebruiker

Naarling

Terugkerende gebruiker

motower

Gebruiker

crash

Verenigingslid

Nieuwste berichten

Wij waarderen jouw privacy