A
andiregehr
New member
- Beiträge
- 2
- Punkte Reaktionen
- 0
Hallo,
ich stehe seit längerem vor der Aufgabe eine Seite zu erstellen, wo sich der Text ständig ändert ("Zeichenlänge") den Text bekomme ich von einem Webserver.
Mein Problem ist das die Seite keine Scrollbar haben darf (gelöst indem ich es über CSS im Bodytag gesperrt habe) und die Schriftgröße immer so groß wie möglich sein muss.
Und das am besten auf unterschiedlichen Geräten sprich ich bräuchte eine Berechnung für die Schriftgröße.
Hat jemand eine Idee wie man das angehen könnte, ich hoffe der Text ist verständlich.
ich stehe seit längerem vor der Aufgabe eine Seite zu erstellen, wo sich der Text ständig ändert ("Zeichenlänge") den Text bekomme ich von einem Webserver.
Mein Problem ist das die Seite keine Scrollbar haben darf (gelöst indem ich es über CSS im Bodytag gesperrt habe) und die Schriftgröße immer so groß wie möglich sein muss.
Und das am besten auf unterschiedlichen Geräten sprich ich bräuchte eine Berechnung für die Schriftgröße.
Hat jemand eine Idee wie man das angehen könnte, ich hoffe der Text ist verständlich.
Code:
<!DOCTYPE html>
<html lang="de">
<head>
<title> Anzeige </title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style>
html{
background-color: white;
}
body {
overflow: hidden;
}
.Box{
position: absolute;
top: 12%;
width: 99%;
height:90%;
}
.input{
display: flex;
color: black;
align-content: center;
justify-content: center;
align-items: center;
height: 75%;
}
</style>
</head>
<!----------------------------HTML--------------------------->
<body>
<div class="Box">
<span class="input" id="Value"></span>
</div>
<!-------------------------JavaScrip------------------------->
<script>
setInterval(function()
{
View();
}, 1000);
//-------------------------------------------------------
function View()
{
var ViewvalRequest = new XMLHttpRequest();
ViewvalRequest.onreadystatechange = function()
{
if(this.readyState == 4 && this.status == 200)
{
document.getElementById("Value").innerHTML = this.responseText;
}
};
ViewvalRequest.open("GET", "data", true);
ViewvalRequest.send();
}
</script>
</body>
</html>
Zuletzt bearbeitet:
