Doorsturen naar mobiel met javascript

Status
Niet open voor verdere reacties.
F

Frenske123

Terugkerende gebruiker
Lid geworden
2 jul 2007
Berichten
1.267
Hallo,

Ik vond onderstaande code voor doorsturen naar mobiel app. indien dit wordt gedetecteerd(Ingekort)


Code: 
 * jQuery.browser.mobile (http://detectmobilebrowser.com/)
 *
 * jQuery.browser.mobile will be true if the browser is a mobile device
 *
 **/
(function(a){(jQuery.browser=jQuery.browser||{}).mobile=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))})(navigator.userAgent||navigator.vendor||window.opera);


alleen weet ik dit niet toe te passen , b,v:
als mobiel ga naar

<link rel="stylesheet" type="text/css" href="mobie.css"> anders naar
<link rel="stylesheet" type="text/css" href="niet mobile.css">

of indien mobiel voeg volgende in:
Code: 
<style>
.nietmobiel {
	display: none;
}
</style>
anders niks
 
Hoi,
Ik gebruik meestal 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>

Zet dit bestand tussen de <head> </head> tags van je homepage.

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

Dit bericht heb ik eerder geplaatst in een ander topic, als je problemen hebt kun je hier misschien nog iets vinden. Plaats dan wel even wat je hebt aangepast opnieuw in dit topic, dan kun je anderen ook nog helpen

Topic: http://www.helpmij.nl/forum/showthre...ghlight=mobiel
 
Hoi Jesse bedankt voor reactie!

Dan zou ik in wat ik wil volgende moeten doen ?


Code: 
<script language=javascript>
<!--
if  (function(a){(jQuery.browser=jQuery.browser||{}).mobile=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))})(navigator.userAgent||navigator.vendor||window.opera);
}

document.location = "mobile.html";

else  {
document.location = "geenmobiel.html";
}
-->
</script>

edit
screen.width heeft eigenlijk geen nut , die worden steeds groter
 
Laatst bewerkt:
Wil maar niet lukken , wat die ik fout onderaan (javascript-leek).

Code: 
<script type="text/javascript">
/**
 * jQuery.browser.mobile ([url]http://detectmobilebrowser.com/[/url])
 *
 * jQuery.browser.mobile will be true if the browser is a mobile device
 *
 **/
(function(a){(jQuery.browser=jQuery.browser||{}).mobile=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|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))})(navigator.userAgent||navigator.vendor||window.opera);


 if (jQuery.browser.mobile == true ) {
        alert("mobiel");
    }else{
        alert("Niet mobiel");
    }

</script>
 
Je hebt alleen het script nodig dat ik stuurde, dat andere van "jQuery.broweser.mobile" heb je niet nodig.
 
Bedankt,

Geld je script voor alle mobiele apparaten ? en kan het niet op zoals ik het wil?


Ik wil eigenlijk naar dit (ff als voorbeeld code klopt niet helemaal)

if mobiel {
document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"mobiel.css\" />");
}
if niet mobiel {
document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"niet mobiel.css\" />");
}

}
 
Ik weet niet of het script op alle apparaten werkt, ik heb niet alles getest, maar over het algemeen wel.

Wat bedoel je met hoe je het wilt hebben?
Je hoeft alleen maar de code die ik stuurde in je <head> van je homepage te zetten en dan ben je klaar.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan