Tach,
ich arbeite gerade an einer Abfrage für mobile Geräte, komme jedoch nicht ansatzweise daran, was ich mir vorstelle.
Es soll möglich sein, wenn man den Button "Mobile Ansicht" drückt, die Seite die "mobile.css" lädt und nicht die "style.css".
Wenn man auf "Standard Ansicht" drückt, lädt er die "style.css"
Mein Problem hierbei ist, dass ich das dafür vorhergesehene Script nun geschrieben habe, jedoch bemerkt hab, dass dort lediglich die Buttons "Ja" und "Abbrechen" angezeigt werden und ich die nicht ändern konnte.
Zudem sollte es möglich sein, dass wenn man einen der beiden Buttons drückt, die jeweilige .css geladen wird.
<script>
function isMobile(){
return navigator.userAgent.match(/(iPhone|iPod|iPad|blackberry|android|Kindle|htc|lg|midp|mmp|mobile|nokia|opera mini|palm|pocket|psp|sgh|smartphone|symbian|treo mini|Playstation Portable|SonyEricsson|Samsung|MobileExplorer|PalmSource|Benq|Windows Phone|Windows Mobile|IEMobile|Windows CE|Nintendo Wii)/i);
}
if(isMobile()){
var x;
if (confirm("Das System hat erkannt, dass Sie ein mobiles Gerät nutzen. Wollen Sie das mobile Design der Seite laden?") == true) {
x = "Ja";
} else {
x = "Abbrechen";
}
}
</script>
Alles anzeigen
Bin bisher soweit gekommen, dass ich nicht mehr weiter weiß. Via Google & Co. hab ich auch nichts finden können, was mir hilft.
Weiß jemand zufällig, wie man am besten weiter machen sollte?