Frage Scriptcode für PC oder Mobile

[Brause-Junior]

Hallo,

Ich nutze folgenden Scriptcode:

<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

info.style.left = "435px";

sondern z.b.

info.style.left = "10px";

nutzt?

 

[scbawik]

Hallo,

Ich nutze folgenden Scriptcode:

<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

info.style.left = "435px";

sondern z.b.

info.style.left = "10px";

nutzt?

Im Idealfall mit CSS und Mediaqueries.
z-index, position und left haben hier eigentlich nichts zu suchen und sollte per CSS-Klasse definiert werden.

 

[Brause-Junior]

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

Könntest du dies tun?
Ggf mit Mediaqueries?

 

[scbawik]

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

Könntest du dies tun?
Ggf mit Mediaqueries?

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

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

So schwer?

 

[Brause-Junior]

So schwer das ich es nicht schaffe...

Ich habe mein Script geändert:

<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?!

 

[scbawik]

So schwer das ich es nicht schaffe...

Ich habe mein Script geändert:

<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?!

Dem Element #infoBox die Klasse infobox geben ;)

 

[Brause-Junior]

Besten Dank!