✔ touchscreen erkennen mit JS möglich ?

[gixnetwork]

Hallo zusammen

Meine Webseite funktioniert nur mit einer Maus.

Kann ich mit Javascript herausfinden ob der User ne Maus oder touchscreen hatt?

thx

 

[Sempervivum]

Ja, das kannst Du hier nachlesen:
http://stackoverflow.com/questions/...detect-a-touch-screen-device-using-javascript

 

[gixnetwork]

Hallo Danke

Versuchs mal zu verstehen...

Dieser css befehl soll verschwinden:

.pano:hover #wrapper {
    display:block;
}

Hab ich das korekt interpretiert ?

.pano:hover #wrapper {
    display:block;
}
.pano.touch #wrapper {

}

thx für den link

 

[Sempervivum]

Hm, weiß nicht, ob ich dich da richtig verstehe: Wenn Du ".pano:hover" verwendest, ist das doch auf einem Touch-Display ohnehin nicht wirksam. Warum soll dann der Befehl verschwinden?

 

[gixnetwork]

Also wenn die maus nicht im body ist, dan gibts kein inhalt zu sehen. So kann man den hintergrund sehen

http://beta.wetter.help/

 

[Sempervivum]

Ahso, verstehe. Dann würde ich es so machen:

.pano:hover #wrapper {
    display:block;
}
.pano.touch #wrapper {
    display: block;
}

Und die Klasse "touch" mit Javascript setzen.

 

[gixnetwork]

$('html.touch #wrapper').hide();

habs leider nicht geschafft...

 

[Sempervivum]

CSS so wie in Posting #6. Hast Du auch das Javascript?

function is_touch_device() {
  return 'ontouchstart' in window        // works on most browsers
      || navigator.maxTouchPoints;       // works on IE10/11 and Surface
};
if (is_touch_device) $(".pano").addClass("touch");

 

[gixnetwork]

Danke viel mals, klapt nocht nicht..

html, body {
        margin: 0;
        padding: 0;
        width:100%;
        height:100%;
        background-color: #FFFFFF;
    overflow: hidden;
}

#loader{
display: none;
}
.pano:hover #wrapper {
    display:block;
}
.pano.touch #wrapper {
    display: block;
}


#wrapper {
        width: 960px;
        margin: 0px auto;
        margin-top: 0px;
        padding: 0px;
display: none;
}

im html body overflow: hidden; ligt glaube ich der fehler..

 

[Sempervivum]

Hast Du denn auch das Javascript?