Ergebnis 1 bis 3 von 3
  1. #1
    Mufasa ist offline Foren As
    registriert
    10-06-2008
    Beiträge
    79

    Auf Mobilgeräten CSS per JS abändern

    Hallo allerseits,

    ich versuche per JS zu erkennen ob eine Seite auf einem Mobilgerät aufgerufen wird und dann bei einigen Objekten die CSS-Eigenschaften ändern. Aber irgendwie tut sich da mal gar nichts :-(

    So sieht meine externe JS-Datei aus:
    Code:
    /* CHECK IF MOBILE */
    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()){
    //alert("Es handelt sich um ein mobiles Gerät");
    window.onload=function(){ 
        document.getElementsById('leftsidebar')style.visibility = "collapse";
        document.getElementsById('rightsidebar')style.visibility = "collapse";
        document.getElementsById('pagecontent')style.border = "0";
        document.getElementsById('pagecontent').innerHTML="THIS IS MOBILE";     //nur zum Testen
        document.getElementsById('logobox')style.visibility = "hidden";     //nur zum Testen
    } 
    
    }else {
    /* CHECK IF MOBILE */
    //alert("Es handelt sich um kein mobiles Gerät");
    
        window.onload=function(){ 
            document.getElementsById('leftsidebar')style.background = "red";    //nur zum Testen
        }
    
        matchColumns=function(){ ... }
    }
    Das alert, das jetzt auskommentiert ist, hat auf dem PC funktioniert. In meinem Smartphone aber kam kein alert :-(

    Habt Ihr eine Idee was da nicht stimmen könnte? Hab ich etwas übersehen?

  2. #2
    m-obi ist offline Jungspund
    registriert
    19-10-2013
    Beiträge
    15

    AW: Auf Mobilgeräten CSS per JS abändern

    Versuch mal so:
    Code:
    function isMobile(){
    	return (/(Android|webOS|iPhone|iPad|iPod|BlackBerry|iOS)/i.test(navigator.userAgent));
    }
    Musst natürlich deine ganzen Möglichkeiten mit reinpacken.
    Gruß m-obi

  3. #3
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Auf Mobilgeräten CSS per JS abändern

    Das würde ich nicht mit JS machen.
    https://de.wikipedia.org/wiki/Responsive_Design

Ähnliche Themen

  1. js ust-rechner abändern
    Von Pentrarer im Forum JavaScript
    Antworten: 9
    Letzter Beitrag: 10-12-2008, 11:15
  2. galerie-script abändern
    Von def den im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 22-08-2006, 00:42
  3. tsPicker Script abändern
    Von tsaenger im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 19-07-2006, 13:31
  4. Slidemenü abändern?
    Von eathen im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 01-02-2004, 16:58
  5. Laufschrift Script abändern
    Von kenzo im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 01-07-2002, 13:21

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •