document.title durch String ersetzen???

Start
Zurück
1
Weiter
Ende

DerHexer
Autor
Offline
New Member

Mehr

25 Sep 2021 07:13 #798 von DerHexer

DerHexer erstellte das Thema document.title durch String ersetzen???

Erstmal ein liebes Hallo World aus Zypern!
Ich habe da mal ein Problem. Ich würde gerne den Titel der Web Page mit dem String 'Headerc' ersetzen. Im Bild ist das der Text 'Aquarium'. Dieser Text ist im EEPROM gespeichert, wird ausgelesen und mit innerHTML in der Web Page eingefügt. Viel probiert und viel gegoogelt, aber bisher kein Erfolg. Nachfolgender HTML Code gibt die Page aus die auf dem Bild zu sehen ist.
Muss wohl irgendwas wie 'document.title = "Headerc"' sein, So funzt das aber nicht, wo liegt der Fehler?? Wer kann mir den Steigbügel halten um auf´s Pferd zu kommen?
Herzlichen Dank schon jetzt!

const char buttonHTML[] PROGMEM = R"=====(

<!DOCTYPE html>
<html>

 <head>

<title>My Switch</title>
<link href="style.css" rel="stylesheet" type="test/css"/>



  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name=viewport content="width=device-width, initial-scale=1">
  <script type="text/javascript">
var Url = "/";     
window.onload = start;                //Funktion nach dem laden des HTMLs ausführen

function start () 
{
myAjax = new XMLHttpRequest();        // Bilden anens AJAX objekts
myAjax.onreadystatechange=LesenAjax;  // Wenn Ereignis vom Server kommt, wird funktion LesenAjax ausgeführt
setInterval(aktualisieren,1000);      // Initialisiert das Timer-gesteuerte Ausführen von Funktion //aktualisieren();
aktualisieren ();                     // Relais Zustand holen beim laden der Webseite
getData();                            //Titel für Web page abrufen
getSW();
getSN();
getST();
}

function aktualisieren () 
{
myAjax.open("GET",Url+"?Zustand=r",true);  // GET-Anfrage an Server senden Asynhron
myAjax.send();  
}

function LesenAjax()                      //AJAX-Ereignis ist passiert
{
    if (myAjax.readyState==4 && myAjax.status==200){ // Wenn antwort volständig und OK
                                                  // dann
      var datenstr=myAjax.responseText;             // empfangene Daten als Text 

      if (datenstr == '0') {                         // Button Farben ändern
      
       document.getElementById('aus').style.backgroundColor = '#FFA6D9';
       document.getElementById('ein').style.backgroundColor = '#7E00E2';
      }
      if (datenstr == '1') {
      
       document.getElementById('aus').style.backgroundColor = '#7E00E2';
       document.getElementById('ein').style.backgroundColor = '#FFA6D9';
      }    
    }
}

  
function httpGet ( sende )            // GET anfrage an Server. 
{
myAjax.open ( "GET", sende, true ) ;
myAjax.send() ;
}
function getData() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("Headerc").innerHTML =
      this.responseText;
    }
  };
  xhttp.open("GET", "readHEADER", true);
  xhttp.send();
}
function getSW() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("strSW").innerHTML =
      this.responseText;
    }
  };
  xhttp.open("GET", "strSW", true);
  xhttp.send();
}

function getSN() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("strHostname").innerHTML =
      this.responseText;
    }
  };
  xhttp.open("GET", "strHostname", true);
  xhttp.send();
}
function getST() {

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) { 
document.getElementById("strST").innerHTML =
      this.responseText;
      document.title = (id="strST");
}
};
xhttp.open("GET", "strST", true);
xhttp.send();
}
</script>

<style type="text/css" media="screen, print, projection">
.button {
   background-color: #7E00E2;
   border: 2;
   color: #FFFF00;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   margin: 8px 8px;
   cursor: pointer;
   border-radius: 10px;
   padding: 16px 16px 16px 16px;
}
</style>
</head>
 <body>


<p style="text-align: center;"><span style="font-size:24px;"><strong>My Switch for:</strong></span></p>
<font color="green">
<h1 style="text-align: center;"><div><span id="Headerc"></span><br></div></h1>
</font>
<script>
<p id="strST"></p>
</script>
<br>

<p align="middle"><button class="button" id="aus" onclick="httpGet('?relais=0')">OFF</button><button class="button" id="ein" onclick="httpGet('?relais=1')">ON</button></p>

<p>&nbsp;</p>

<p style="text-align: center;"><button class="button" onclick="httpGet('?relais=2')">Switch Over</button></p>
<font color="blue">
<p style="text-align: center;">September 2021 rb</p>
</font>
<font color="grey">

<h4 style="text-align: center;"><div><span id="strHostname">NA</span><br></div></h4>

<h5 style="text-align: center;"><div><span id="strSW">NA</span><br></div></h5>
<script>
<h5 style="text-align: center;"><div><span id="strST">NA</span><br></div></h5>
</script>

</font>
  </body>
</html>
)=====" ;

Du hast keine Berechtigung, um diese Seite zu betreten!