Frage Scriptcode für PC oder Mobile

Brause-Junior schrieb:

Hallo,

Ich nutze folgenden Scriptcode:

Code:

<script type="text/javascript">
var info = document.getElementById("infoBox");
info.style.display = "none";
info.style.position = "absolute";
info.style.zIndex = 999;
info.style.left = "435px";

function buttonShow() {
info.style.display = "";
}
                                       
function buttonHide() {
info.style.display = "none";
}
</script>

Wie bekomme ich es hin, dass z.b. mein IPhone nicht

Code:

info.style.left = "435px";

sondern z.b.

Code:

info.style.left = "10px";

nutzt?

Zum Vergrößern anklicken....

Brause-Junior schrieb:

Ich habe den Code übernommen und weiß leider nicht wie man es umschreibt.

Könntest du dies tun?
Ggf mit Mediaqueries?

Zum Vergrößern anklicken....

.infobox {
  position:absolute;
  left: 435px;
  z-index: 999;
}

@media all and (max-width: 736px) {
  .infobox {
    left: 10px;
  }
}

Brause-Junior schrieb:

So schwer das ich es nicht schaffe...

Ich habe mein Script geändert:

Code:

<script type="text/javascript">
var info = document.getElementById("infoBox");
info.style.display = "none";
/*info.style.position = "absolute";
info.style.zIndex = 999;
info.style.left = "435px";*/
 
function buttonShow() {
info.style.display = "";
}
                                      
function buttonHide() {
info.style.display = "none";
}
</script>

In einer CSS Datei habe ich den Code eingegeben.
Leider wird der CSS Code ignoriert.
Habe ich was falsch gemacht?!

Zum Vergrößern anklicken....