TIA Webserver anwenderdefinierte Seite wechseln von der SPS

S

syven

Level-2
Beiträge
14
Reaktionspunkte
0
Zuviel Werbung?
-> Hier kostenlos registrieren
Hallo Zusammen,

Für unseren Messeauftritt wollen wir ein Teil der Produktpalette darstellen.
Für dies ist ein Panel mit mehreren Applikationen gedacht, die abwechselnd ein Produkt in "Aktion" zeigt.
Die Steuerung übernimmt eine S7-1200er und die Visualisierung soll über den integrierten Webserver laufen => grosser Bildschirm, kleiner Preis. Ihr kennt das Spiel, es darf ja nichts kosten;)

Nun möchte ich zur jeder Applikation eine eigene Seite auf den Webserver erstellen, dammit das ganze auch schön übersichtlich bleibt.

Kurz und knapp:
Ist es möglich von der Steuerung (SPS) aus die anwenderdefinierte Seite zu wechseln?
In WinCC ist es ja auch möglich ein bestimmtes Bild aufrufen zu lassen.

Da aus gegebenen Umständen die Messen bis auf weiteres aufgeschoben sind habe ich nun zwar einen Zeitaufschub, aber lieber gut Vorbereitet sein als schlussendlich den Chef in den Nacken zu haben;)

Gruss,
syven
 
Du könntest den Seitenwechsel über etwas Javascript gestalten, z.B. zeitabhängig in Abhängigkeit von der Uhrzeit, oder in dem eine Variable aus der SPS abgefragt wird und in Abhängigkeit vom Wert eine andere URL aufgerufen wird, oder du legst die URL direkt in eine Stringvariable in der SPS.
Über ein AWP-Kommandos mit einer Weiterleitung auf eine andere Seite geht das evtl. auch, aber einfacher und Nachvollziehbarer ist das meiner Meinung nach mit etwas Javascript. Hängt aber auch von deinem generellen Aufbau deiner Webseite ab, wenn du sonst auch kein Javascript verwendest ist das über die AWP-Kommandos evtl. die geeignetere Variante.
 
Zuviel Werbung?
-> Hier kostenlos registrieren
Erstmal herzlichen Dank für die sehr schnelle Antwort!

Ich werde Javascript auf jeden Fall für die Aktualisierung der Werte auf den jeweiligen Seiten verwenden. Dieses Script ist aber von meinem ehemaligen Dozent aus der Technikerschule kopiert.
Leider verfüge ich über keinerlei Vorkenntnisse von Java.
Vielleicht ist ja jemand hier bereits mit diesem Problem konfrontiert gewesen und hat gerade eine Lösung griffbereit. Ansonsten muss ich mich halt einmal mit dieser Materie beschäftigen.
 
Zeig doch mal das Javascript was dort verwendet wird. Evtl. wird da auch nur ein Seitenrefresh angestoßen, da kannst du dann anstatt eines refreshs z.B. window.location.href auf einen neuen Wert setzen.
 
Also in meiner Vorlage wird die Seite "Solartrack Parameter" durch die Hilfsseite "Solartrack Parameter Update" aktualisiert.
Code Hauptseite:
Code: 
[COLOR=#808080][FONT=Consolas]<[/FONT][/COLOR][COLOR=#569CD6][FONT=Consolas]iframe[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#9CDCFE][FONT=Consolas]name[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas]=[/FONT][/COLOR][COLOR=#CE9178][FONT=Consolas]"Iframe1"[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#9CDCFE][FONT=Consolas]src[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas]=[/FONT][/COLOR][COLOR=#CE9178][FONT=Consolas]"Solartrack Parameter Update.html"[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#9CDCFE][FONT=Consolas]style[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas]=[/FONT][/COLOR][COLOR=#CE9178][FONT=Consolas]"[/FONT][/COLOR][COLOR=#CE9178][FONT=Consolas]display: none"[/FONT][/COLOR][COLOR=#808080][FONT=Consolas]></[/FONT][/COLOR][COLOR=#569CD6][FONT=Consolas]iframe[/FONT][/COLOR][COLOR=#808080][FONT=Consolas]>[/FONT][/COLOR]

Code Hilfsseite:
Code: 
[COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#6A9955][FONT=Consolas]<!---->[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas]        [COLOR=#808080]<[/COLOR][COLOR=#569cd6]meta[/COLOR] [COLOR=#9cdcfe]content[/COLOR]=[COLOR=#ce9178]"text/html; charset=UTF-8"[/COLOR] [COLOR=#9cdcfe]http-equiv[/COLOR]=[COLOR=#ce9178]"content-type"[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569cd6]title[/COLOR][COLOR=#808080]>[/COLOR]Solartrack Leistung Update[COLOR=#808080]</[/COLOR][COLOR=#569cd6]title[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569cd6]script[/COLOR] [COLOR=#9cdcfe]type[/COLOR]=[COLOR=#ce9178]"text/javascript"[/COLOR][COLOR=#808080]>[/COLOR]
         
         [COLOR=#6a9955]/* String.trim() is not supported by every browser - thus add this functionality is necessary */[/COLOR]
         [COLOR=#c586c0]if[/COLOR] (![COLOR=#4ec9b0]String[/COLOR].[COLOR=#9cdcfe]trim[/COLOR])
         {
            [COLOR=#4ec9b0]String[/COLOR].[COLOR=#9cdcfe]prototype[/COLOR].[COLOR=#dcdcaa]trim[/COLOR] = [COLOR=#569cd6]function[/COLOR] () { [COLOR=#c586c0]return[/COLOR] [COLOR=#569cd6]this[/COLOR].[COLOR=#dcdcaa]replace[/COLOR]([COLOR=#d16969]/[/COLOR][COLOR=#dcdcaa]^[/COLOR][COLOR=#ce9178]([/COLOR][COLOR=#d16969]\s[/COLOR][COLOR=#dcdcaa]|[/COLOR][COLOR=#569cd6]\u00A0[/COLOR][COLOR=#ce9178])[/COLOR][COLOR=#d7ba7d]+[/COLOR][COLOR=#dcdcaa]|[/COLOR][COLOR=#ce9178]([/COLOR][COLOR=#d16969]\s[/COLOR][COLOR=#dcdcaa]|[/COLOR][COLOR=#569cd6]\u00A0[/COLOR][COLOR=#ce9178])[/COLOR][COLOR=#d7ba7d]+[/COLOR][COLOR=#dcdcaa]$[/COLOR][COLOR=#d16969]/[/COLOR][COLOR=#569cd6]g[/COLOR], [COLOR=#ce9178]''[/COLOR]); };
         }
         
         [COLOR=#6a9955]/* Main function for calling the subroutines */[/COLOR]
         [COLOR=#569cd6]function[/COLOR] [COLOR=#dcdcaa]mainJavaScript[/COLOR]()
         {
            [COLOR=#dcdcaa]updateSingleVariablesTable[/COLOR]();
            [COLOR=#dcdcaa]updateFrame[/COLOR]();
         }
            
         [COLOR=#6a9955]/* Function for updating the variables */[/COLOR]
         [COLOR=#569cd6]function[/COLOR] [COLOR=#dcdcaa]updateSingleVariablesTable[/COLOR]()
         {
            [COLOR=#569cd6]var[/COLOR] [COLOR=#9cdcfe]table[/COLOR] = [COLOR=#9cdcfe]document[/COLOR].[COLOR=#dcdcaa]getElementById[/COLOR]([COLOR=#ce9178]"singleVariablesTable"[/COLOR]);
            [COLOR=#c586c0]for[/COLOR]([COLOR=#9cdcfe]i[/COLOR] = [COLOR=#b5cea8]1[/COLOR]; [COLOR=#9cdcfe]i[/COLOR] < [COLOR=#9cdcfe]table[/COLOR].[COLOR=#9cdcfe]rows[/COLOR].[COLOR=#9cdcfe]length[/COLOR]; [COLOR=#9cdcfe]i[/COLOR]++)
            {
                [COLOR=#569cd6]var[/COLOR] [COLOR=#9cdcfe]tagValue[/COLOR] = [COLOR=#9cdcfe]table[/COLOR].[COLOR=#9cdcfe]rows[/COLOR][[COLOR=#9cdcfe]i[/COLOR]].[COLOR=#dcdcaa]getElementsByTagName[/COLOR]([COLOR=#ce9178]"td"[/COLOR])[[COLOR=#b5cea8]0[/COLOR]].[COLOR=#9cdcfe]innerHTML[/COLOR];
                [COLOR=#569cd6]var[/COLOR] [COLOR=#9cdcfe]tagId[/COLOR] = [COLOR=#9cdcfe]table[/COLOR].[COLOR=#9cdcfe]rows[/COLOR][[COLOR=#9cdcfe]i[/COLOR]].[COLOR=#dcdcaa]getElementsByTagName[/COLOR]([COLOR=#ce9178]"td"[/COLOR])[[COLOR=#b5cea8]1[/COLOR]].[COLOR=#9cdcfe]innerHTML[/COLOR].[COLOR=#dcdcaa]trim[/COLOR]();
                [COLOR=#9cdcfe]parent[/COLOR].[COLOR=#9cdcfe]document[/COLOR].[COLOR=#dcdcaa]getElementById[/COLOR]([COLOR=#9cdcfe]tagId[/COLOR]).[COLOR=#9cdcfe]innerHTML[/COLOR] = [COLOR=#9cdcfe]tagValue[/COLOR];
            }
         }
         
         [COLOR=#6a9955]/* Function for updating the web page */[/COLOR]
         [COLOR=#569cd6]function[/COLOR] [COLOR=#dcdcaa]updateFrame[/COLOR]()
         {
            [COLOR=#9cdcfe]window[/COLOR].[COLOR=#dcdcaa]setTimeout[/COLOR]([COLOR=#569cd6]function[/COLOR](){[COLOR=#9cdcfe]location[/COLOR].[COLOR=#dcdcaa]reload[/COLOR]()}, [COLOR=#9cdcfe]document[/COLOR].[COLOR=#dcdcaa]getElementById[/COLOR]([COLOR=#ce9178]"updateInterval"[/COLOR]).[COLOR=#9cdcfe]innerHTML[/COLOR].[COLOR=#dcdcaa]trim[/COLOR]());
         }
        [COLOR=#808080]<[/COLOR][COLOR=#808080]/[/COLOR][COLOR=#569cd6]script[/COLOR][COLOR=#808080]>[/COLOR]

    [COLOR=#808080]</[/COLOR][COLOR=#569cd6]head[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569cd6]body[/COLOR] [COLOR=#9cdcfe]onload[/COLOR]=[COLOR=#ce9178]"[/COLOR][COLOR=#dcdcaa]mainJavaScript[/COLOR][COLOR=#ce9178]()"[/COLOR][COLOR=#808080]>[/COLOR]

        [COLOR=#808080]<[/COLOR][COLOR=#569cd6]table[/COLOR] [COLOR=#f44747]border[/COLOR]=[COLOR=#ce9178]"1"[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569cd6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569cd6]td[/COLOR][COLOR=#808080]>[/COLOR]
                    Update time in milliseconds
                [COLOR=#808080]</[/COLOR][COLOR=#569cd6]td[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]</[/COLOR][COLOR=#569cd6]tr[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569cd6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569cd6]td[/COLOR] [COLOR=#9cdcfe]id[/COLOR]=[COLOR=#ce9178]"updateInterval"[/COLOR][COLOR=#808080]>[/COLOR]
                    1000
                [COLOR=#808080]</[/COLOR][COLOR=#569cd6]td[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]</[/COLOR][COLOR=#569cd6]tr[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]</[/COLOR][COLOR=#569cd6]table[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569cd6]br[/COLOR][COLOR=#808080]>[/COLOR]

        [COLOR=#808080]<[/COLOR][COLOR=#569cd6]table[/COLOR] [COLOR=#9cdcfe]id[/COLOR]=[COLOR=#ce9178]"singleVariablesTable"[/COLOR] [COLOR=#f44747]border[/COLOR]=[COLOR=#ce9178]"1"[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569cd6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569cd6]td[/COLOR][COLOR=#808080]>[/COLOR]
                    AWP-Command to read variable
                [COLOR=#808080]</[/COLOR][COLOR=#569cd6]td[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569cd6]td[/COLOR][COLOR=#808080]>[/COLOR]
                    ID of the element of the main page which should be updated
                [COLOR=#808080]</[/COLOR][COLOR=#569cd6]td[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]</[/COLOR][COLOR=#569cd6]tr[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569cd6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569cd6]td[/COLOR][COLOR=#808080]>[/COLOR] :="DB_Meldungen".I_Status: [COLOR=#808080]</[/COLOR][COLOR=#569cd6]td[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569cd6]td[/COLOR][COLOR=#808080]>[/COLOR] Sys_Status [COLOR=#808080]</[/COLOR][COLOR=#569cd6]td[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]</[/COLOR][COLOR=#569cd6]tr[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]</[/COLOR][COLOR=#569cd6]table[/COLOR][COLOR=#808080]>[/COLOR]
[/FONT][/COLOR]
[COLOR=#D4D4D4][FONT=Consolas]    [/FONT][/COLOR][COLOR=#808080][FONT=Consolas]</[/FONT][/COLOR][COLOR=#569CD6][FONT=Consolas]body[/FONT][/COLOR][COLOR=#808080][FONT=Consolas]>[/FONT][/COLOR]
 
Zuviel Werbung?
-> Hier kostenlos registrieren
Was soll denn ausgetauscht werden, die iframe Hauptseite oder der Inhalt des iframes?

Probier einfach mal aus was passiert, wenn du in die updateFrame() Funktion etwas wie:

window.location.href = "http://a.b.c.d/xyz.html";

einfügst. Das sollte es zumindest einen einmaligen Seitenwechsel geben.
 
Nach deinem ungefähren Prinzip oben kannst du in folgendem Beispiel von mir über eine Integer-Variable (im Beispiel "HMIDATA".webindex) zwischen den Seiten a und b wechseln.
seite-a.html
Code: 
<!DOCTYPE HTML>
<html>
<head>
<title>SEITE A</title>
<script type="text/javascript">

function mainJavaScript()
{
    updateFrame();
}

function updateFrame()
{
	var idx = :="HMIDATA".websiteindex:;
	if (idx == 1) {
		window.location.href = "http://192.168.1.191/awp/seite-b.html";
	} else {
		window.setTimeout(function(){location.reload()}, 2000);
	}
}

</script>
</head>
<body onload="mainJavaScript()">
<h2>SEITE A</h2>
</body>
</html>

und seite-b.html
Code: 
<!DOCTYPE HTML>
<html>
<head>
<title>SEITE B</title>
<script type="text/javascript">

function mainJavaScript()
{
    updateFrame();
}

function updateFrame()
{
	var idx = :="HMIDATA".websiteindex:;
	if (idx == 2) {
		window.location.href = "http://192.168.1.191/awp/seite-a.html";
	} else {
		window.setTimeout(function(){location.reload()}, 2000);
	}
}

</script>
</head>
<body onload="mainJavaScript()">
<h2>SEITE B</h2>
</body>
</html>

Die URL musst du an deine Gegebenheiten anpassen.

Wird seite-a aufgerufen und besitzt websiteindex den Wert 1 dann wird auf seite-b gewechselt. Dort wird wenn der Wert von websiteindex den Wert 2 besitzt wieder auf Seite A gewechselt.
 
Vielen Dank für dein Beispiel!
Es funktioniert soweit ganz gut. Nur wird in dieser Lösung die Seite immer wieder neu geladen was zum einen nicht schön aussieht und zum anderen eine Eingabe unmöglich macht.

Gibt es eine Möglichkeit die Variable aus einer Tabelle zu nehmen? (Anstatt direkt aus der SPS)

Code: 
[COLOR=#808080][FONT=Consolas]<[/FONT][/COLOR][COLOR=#569CD6][FONT=Consolas]table[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#9CDCFE][FONT=Consolas]style[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas]= [/FONT][/COLOR][COLOR=#CE9178][FONT=Consolas]"[/FONT][/COLOR][COLOR=#CE9178][FONT=Consolas]position: absolute; top: 200px;left: 0px[/FONT][/COLOR][COLOR=#CE9178][FONT=Consolas]"[/FONT][/COLOR][COLOR=#808080][FONT=Consolas]>[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas]            [COLOR=#808080]<[/COLOR][COLOR=#569cd6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569cd6]td[/COLOR] [COLOR=#9cdcfe]id[/COLOR]=[COLOR=#ce9178]"Seite"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569cd6]td[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]</[/COLOR][COLOR=#569cd6]tr[/COLOR][COLOR=#808080]>[/COLOR]
[/FONT][/COLOR]
[COLOR=#D4D4D4][FONT=Consolas]          [/FONT][/COLOR][COLOR=#808080][FONT=Consolas]</[/FONT][/COLOR][COLOR=#569CD6][FONT=Consolas]table[/FONT][/COLOR][COLOR=#808080][FONT=Consolas]>[/FONT][/COLOR]

id="Seite" ist von der SPS beschrieben und wird auch ohne das neu laden der Seite aktualisiert.
Hier wird die Variable im body angezeigt.
 
Zuviel Werbung?
-> Hier kostenlos registrieren
Also das mit dem Neuladen der gesamten Seite habe ich aus deinem Beispiel so übernommen, da ist das auch schon so.
Ich würde das generell nicht mehr so mit dem Neuladen der gesamten Seite machen, da gibt es elegantere Lösungen die auch kein Flackern der Seite nach sich ziehen (nachladen von Variablenwerten über Javascript / Ajax).

Wenn du das Updateintervall aus deinem Eingabefeld nehmen willst, dann musst du die 2000 aus meinem Beispiel mit dem Wert aus dem Eingabefehl einsetzen.
Zumindest grob verstehen was du da machst solltest du schon, sonst wird das nichts.
 
Ich denke das es hier ein kleines Missverständnis vorliegt.

In meinem Beispiel wird nur die Hilfsseite kontinuierlich neu geladen. Der User wird diese Seite niemals zu Gesicht bekommen. Hier werden die SPS Variablen aktualisiert und in eine Tabelle geschrieben.
Auf der Hauptseite werden nun die Werte aus dieser Tabelle angezeigt. Dies funktioniert ganz ohne Aktualisierung der ganzen Seite.

Ich habe nun dein Beispiel in meine Hauptseite gepackt, da es in der Hilfsseite nicht funktioniert. Meine Frage ist nun ob ich einen solchen Wert (Aus der Tabelle) als trigger für das umschalten der Seite nutzen kann.
 
So, für alle welche eine funktionierende Lösung suchen teile ich hier mein Beispielprogramm.

Funktionen:
Seitenwechsel von der Webseite (wird aber in diesem Programm immer von der SPS übersteuert)
Seitenwechsel von der SPS
Variablen anzeigen auf der Website
Texte anzeigen auf der Webseite
Automatische Aktualisierung ohne "Flackern"
Bool Variable in SPS schreiben
Int Variable in SPS schreiben

Nötiger DB in SPS:
Anhang anzeigen 49242

Code Seite 1:
Code: 
[COLOR=#808080][FONT=Consolas]<![/FONT][/COLOR][COLOR=#569CD6][FONT=Consolas]DOCTYPE[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#9CDCFE][FONT=Consolas]html[/FONT][/COLOR][COLOR=#808080][FONT=Consolas]>[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas][COLOR=#808080]<[/COLOR][COLOR=#569CD6]html[/COLOR] [COLOR=#9CDCFE]lang[/COLOR]=[COLOR=#CE9178]"de-ch"[/COLOR][COLOR=#808080]>[/COLOR]
  [COLOR=#808080]<[/COLOR][COLOR=#569CD6]head[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]meta[/COLOR] [COLOR=#9CDCFE]http-equiv[/COLOR]=[COLOR=#CE9178]"content-type"[/COLOR] [COLOR=#9CDCFE]content[/COLOR]=[COLOR=#CE9178]"text/html; charset=utf-8"[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]title[/COLOR][COLOR=#808080]>[/COLOR]Seite 1[COLOR=#808080]</[/COLOR][COLOR=#569CD6]title[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]meta[/COLOR] [COLOR=#9CDCFE]name[/COLOR]=[COLOR=#CE9178]"author"[/COLOR] [COLOR=#9CDCFE]content[/COLOR]=[COLOR=#CE9178]"Bucher"[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]meta[/COLOR] [COLOR=#9CDCFE]name[/COLOR]=[COLOR=#CE9178]"description"[/COLOR] [COLOR=#9CDCFE]content[/COLOR]=[COLOR=#CE9178]"Sartseite von Solartrack"[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]meta[/COLOR] [COLOR=#9CDCFE]name[/COLOR]=[COLOR=#CE9178]"generator"[/COLOR] [COLOR=#9CDCFE]content[/COLOR]=[COLOR=#CE9178]"BlueGriffon wysiwyg editor"[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]link[/COLOR] [COLOR=#9CDCFE]type[/COLOR]=[COLOR=#CE9178]"text/css"[/COLOR] [COLOR=#9CDCFE]rel[/COLOR]=[COLOR=#CE9178]"stylesheet"[/COLOR] [COLOR=#9CDCFE]href[/COLOR]=[COLOR=#CE9178]"format.css"[/COLOR][COLOR=#808080]>[/COLOR] [COLOR=#6A9955]<!-- ccs Vorlage, muss in gleichen Ordner liegen -->[/COLOR]

    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]script[/COLOR] [COLOR=#9CDCFE]type[/COLOR]=[COLOR=#CE9178]"text/javascript"[/COLOR][COLOR=#808080]>[/COLOR] [COLOR=#6A9955]//Script um die Seite von einer Variable her wechseln[/COLOR]
      
      [COLOR=#569CD6]function[/COLOR] [COLOR=#DCDCAA]Seitenwechsel[/COLOR]() [COLOR=#6A9955]//Funktion Seitenwechsel[/COLOR]
      {
        [COLOR=#569CD6]var[/COLOR] [COLOR=#9CDCFE]idx[/COLOR] = [COLOR=#9CDCFE]document[/COLOR].[COLOR=#DCDCAA]getElementById[/COLOR]([COLOR=#CE9178]"Seite"[/COLOR]).[COLOR=#9CDCFE]innerHTML[/COLOR].[COLOR=#DCDCAA]trim[/COLOR](); [COLOR=#6A9955]//Die Sollseite auf dieser Seite in die Hilfsvariable idx schreiben[/COLOR]
        [COLOR=#C586C0]if[/COLOR] ([COLOR=#9CDCFE]idx[/COLOR] == [COLOR=#B5CEA8]2[/COLOR]) { [COLOR=#6A9955]//Ist die Sollseite zwei...[/COLOR]
          [COLOR=#9CDCFE]window[/COLOR].[COLOR=#9CDCFE]location[/COLOR].[COLOR=#9CDCFE]href[/COLOR] = [COLOR=#CE9178]"Seite 2.html"[/COLOR]; [COLOR=#6A9955]//...dann wechsle auf die Seite zwei[/COLOR]
        }
      }
      [COLOR=#DCDCAA]setInterval[/COLOR]([COLOR=#DCDCAA]Seitenwechsel[/COLOR], [COLOR=#B5CEA8]1000[/COLOR]); [COLOR=#6A9955]//Die Funktion Seitenwechsel alle 1000ms ausführen[/COLOR]
    [COLOR=#808080]</[/COLOR][COLOR=#569CD6]script[/COLOR][COLOR=#808080]>[/COLOR]
  [COLOR=#808080]</[/COLOR][COLOR=#569CD6]head[/COLOR][COLOR=#808080]>[/COLOR]
  [COLOR=#808080]<[/COLOR][COLOR=#569CD6]body[/COLOR] [COLOR=#9CDCFE]onload[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#DCDCAA]Seitenwechsel[/COLOR][COLOR=#CE9178]()[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR] [COLOR=#6A9955]<!-- Die Funktion Seitenwechsel einbetten -->[/COLOR]
    
    [COLOR=#6A9955]<!--  ++++++++++++++++++++++++++++++++++++++++++++++Variablen lesen+++++++++++++++++++++++++++++++++++++++++++++++-->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#6A9955]<!------------------------------------------------Aktualissierung-->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]iframe[/COLOR] [COLOR=#9CDCFE]name[/COLOR]=[COLOR=#CE9178]"Iframe1"[/COLOR] [COLOR=#9CDCFE]src[/COLOR]=[COLOR=#CE9178]"Update 1.html"[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]display: none[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569CD6]iframe[/COLOR][COLOR=#808080]>[/COLOR] [COLOR=#6A9955]<!-- Die Hilsseite Verknüpfen (Wird gebraucht um die Variablen zu aktualisieren) -->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#6A9955]<!------------------------------------------------Variablen-->[/COLOR] [COLOR=#6A9955]<!-- Alle SPS Variablen müssen hier deklariert sein -->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR] 
    [COLOR=#6A9955]<!-- AWP_In_Variable Name='"DB_HMI".Testvariable_1' -->[/COLOR]
    [COLOR=#6A9955]<!-- AWP_In_Variable Name='"DB_HMI".Seite' -->[/COLOR]
    [COLOR=#6A9955]<!-- AWP_In_Variable Name='"DB_HMI".Enum' -->[/COLOR]
    [COLOR=#6A9955]<!-- AWP_In_Variable Name='"DB_HMI".Button' -->[/COLOR]
    [COLOR=#6A9955]<!-- AWP_In_Variable Name='"DB_HMI".Int' -->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#6A9955]<!--  ++++++++++++++++++++++++++++++++++++++++++++++Kopfzeile+++++++++++++++++++++++++++++++++++++++++++++++-->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]id[/COLOR]=[COLOR=#CE9178]"Kopf"[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top: 0px;[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Strich oben-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]hr[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178] position: absolute;[/COLOR][COLOR=#CE9178]"[/COLOR] [COLOR=#9CDCFE]color[/COLOR]=[COLOR=#CE9178]"#2871ff"[/COLOR] [COLOR=#F44747]align[/COLOR]=[COLOR=#CE9178]"left"[/COLOR] [COLOR=#9CDCFE]width[/COLOR]=[COLOR=#CE9178]"1000"[/COLOR]

        [COLOR=#9CDCFE]size[/COLOR]=[COLOR=#CE9178]"5"[/COLOR] [COLOR=#9CDCFE]noshade[/COLOR]=[COLOR=#CE9178]"noshade"[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Logo-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR] [COLOR=#6A9955]<!--<img src="Bilder/Logo.jpg" alt="Logo" title="Logo" style=" position: absolute; top:13px  "[/COLOR]

[COLOR=#6A9955]        height="60" width="60">-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Firma Name-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top:-8px; left:80px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]h1[/COLOR][COLOR=#808080]><[/COLOR][COLOR=#569CD6]nobr[/COLOR][COLOR=#808080]>[/COLOR]Energy saving[COLOR=#808080]</[/COLOR][COLOR=#569CD6]nobr[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569CD6]h1[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#808080]</[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Titel-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top:-14px; left:805px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]h2[/COLOR][COLOR=#808080]>[/COLOR]Seite 1[COLOR=#808080]</[/COLOR][COLOR=#569CD6]h2[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#808080]</[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Strich unten-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]hr[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178] position: absolute; top:62px[/COLOR][COLOR=#CE9178]"[/COLOR] [COLOR=#9CDCFE]color[/COLOR]=[COLOR=#CE9178]"#2871ff"[/COLOR] [COLOR=#F44747]align[/COLOR]=[COLOR=#CE9178]"left"[/COLOR] [COLOR=#9CDCFE]width[/COLOR]=[COLOR=#CE9178]"1000"[/COLOR]

        [COLOR=#9CDCFE]size[/COLOR]=[COLOR=#CE9178]"5"[/COLOR] [COLOR=#9CDCFE]noshade[/COLOR]=[COLOR=#CE9178]"noshade"[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Strich vertikal links-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]height:39px; border:0px;border-left:5px solid #2871ff; position: absolute; top:22px; left:350px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Strich vertikal rechts-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]height:39px; border:0px;border-left:5px solid #2871ff; position: absolute; top:22px; left:790px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Status (Wort)-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!--<div style="position: absolute; top:0px; left:450px">[/COLOR]
[COLOR=#6A9955]        <h3>Status:</h3>[/COLOR]
[COLOR=#6A9955]      </div>-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Status (Prozessvatiable)-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!--<div style="position: absolute; top:0px; left:550px">[/COLOR]
[COLOR=#6A9955]        <table style= "position: absolute; top: 39px;left: 0px">[/COLOR]
[COLOR=#6A9955]            <tr>[/COLOR]
[COLOR=#6A9955]                <td id="Sys_Status"></td>[/COLOR]
[COLOR=#6A9955]            </tr>[/COLOR]
[COLOR=#6A9955]          </table>[/COLOR]
[COLOR=#6A9955]      </div>-->[/COLOR]
    [COLOR=#808080]</[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#6A9955]<!--  ++++++++++++++++++++++++++++++++++++++++++++++Inhalt+++++++++++++++++++++++++++++++++++++++++++++++-->[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]id[/COLOR]=[COLOR=#CE9178]"Link"[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top: 100px; left:80px;[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]a[/COLOR] [COLOR=#9CDCFE]href[/COLOR]=[COLOR=#CE9178]"Seite 2.html"[/COLOR][COLOR=#808080]>[/COLOR]Seite 2[COLOR=#808080]</[/COLOR][COLOR=#569CD6]a[/COLOR][COLOR=#808080]>[/COLOR] [COLOR=#6A9955]<!-- Direkte Verlinkung auf andere Seiten. Hinweis: Funktioniert nicht wenn die SPS andauernd einen Seitenwechsel durchführt -->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top:50px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]table[/COLOR] [COLOR=#9CDCFE]style[/COLOR]= [COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top: 100px;left: 0px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
          [COLOR=#808080]<[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR] [COLOR=#9CDCFE]id[/COLOR]=[COLOR=#CE9178]"Testvariable_1"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR] [COLOR=#6A9955]<!-- Beispiel zum eine Variable auf der Webseite darzustellen -->[/COLOR]
          [COLOR=#808080]</[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]</[/COLOR][COLOR=#569CD6]table[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]table[/COLOR] [COLOR=#9CDCFE]style[/COLOR]= [COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top: 200px;left: 0px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
          [COLOR=#808080]<[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR] [COLOR=#9CDCFE]id[/COLOR]=[COLOR=#CE9178]"Seite"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR] [COLOR=#6A9955]<!-- Sollseitenzahl, wird von der SPS geschrieben. Dies wird in der Funktion Seitenwechsel verwendet. (Im Head) -->[/COLOR]
          [COLOR=#808080]</[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]</[/COLOR][COLOR=#569CD6]table[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]table[/COLOR] [COLOR=#9CDCFE]style[/COLOR]= [COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top: 300px;left: 0px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
          [COLOR=#808080]<[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR] [COLOR=#9CDCFE]id[/COLOR]=[COLOR=#CE9178]"Enum_HMI"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR] [COLOR=#6A9955]<!-- Beispiel zum eine Enum Variable auf der Webseite darzustellen -->[/COLOR]
          [COLOR=#808080]</[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]</[/COLOR][COLOR=#569CD6]table[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#6A9955]<!------------------------------------------------Button-->[/COLOR]
        [COLOR=#6A9955]<!---->[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top: 400px; left: 0px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
          [COLOR=#808080]<[/COLOR][COLOR=#569CD6]form[/COLOR] [COLOR=#9CDCFE]method[/COLOR]=[COLOR=#CE9178]"post"[/COLOR] [COLOR=#9CDCFE]action[/COLOR]=[COLOR=#CE9178]""[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]input[/COLOR] [COLOR=#9CDCFE]class[/COLOR]=[COLOR=#CE9178]"Button_Hand"[/COLOR] [COLOR=#9CDCFE]type[/COLOR]=[COLOR=#CE9178]"submit"[/COLOR] [COLOR=#9CDCFE]value[/COLOR]=[COLOR=#CE9178]"Bool Setzen"[/COLOR][COLOR=#808080]/>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]input[/COLOR] [COLOR=#9CDCFE]name[/COLOR]=[COLOR=#CE9178]'"DB_HMI".Button'[/COLOR] [COLOR=#9CDCFE]type[/COLOR]=[COLOR=#CE9178]"hidden"[/COLOR] [COLOR=#9CDCFE]value[/COLOR]=[COLOR=#CE9178]"1"[/COLOR] [COLOR=#808080]/>[/COLOR] [COLOR=#6A9955]<!-- Die Bool Variable "Button" kann so in der SPS auf eins gesetzt werden -->[/COLOR]
          [COLOR=#808080]</[/COLOR][COLOR=#569CD6]form[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]</[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#6A9955]<!---->[/COLOR]
        [COLOR=#6A9955]<!------------------------------------------------Int Setzten-->[/COLOR]
        [COLOR=#6A9955]<!---->[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top:500px; left:0px; [/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
          [COLOR=#808080]<[/COLOR][COLOR=#569CD6]h4[/COLOR][COLOR=#808080]><[/COLOR][COLOR=#569CD6]nobr[/COLOR][COLOR=#808080]>[/COLOR]Int Schreiben[COLOR=#808080]</[/COLOR][COLOR=#569CD6]nobr[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569CD6]h4[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]</[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top:550px; left:0px; [/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
         [COLOR=#808080]<[/COLOR][COLOR=#569CD6]form[/COLOR] [COLOR=#9CDCFE]method[/COLOR]=[COLOR=#CE9178]"post"[/COLOR] [COLOR=#9CDCFE]action[/COLOR]=[COLOR=#CE9178]""[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]input[/COLOR] [COLOR=#9CDCFE]class[/COLOR]=[COLOR=#CE9178]"Eingabe_Hand"[/COLOR] [COLOR=#9CDCFE]type[/COLOR]=[COLOR=#CE9178]"text"[/COLOR] [COLOR=#9CDCFE]name[/COLOR]=[COLOR=#CE9178]'"DB_HMI".Int'[/COLOR][COLOR=#808080]/>[/COLOR]     [COLOR=#6A9955]<!-- Setzt die Variable "Int" in der SPS -->[/COLOR]                  
          [COLOR=#808080]</[/COLOR][COLOR=#569CD6]form[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]</[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#808080]</[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]</[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#6A9955]<!-- ++++++++++++++++++++++++++++++++++++++++++++++Fusszeile ++++++++++++++++++++++++++++++++++++++++++++++ -->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
  [COLOR=#808080]</[/COLOR][COLOR=#569CD6]body[/COLOR][COLOR=#808080]>[/COLOR]
[/FONT][/COLOR]
[COLOR=#808080][FONT=Consolas]</[/FONT][/COLOR][COLOR=#569CD6][FONT=Consolas]html[/FONT][/COLOR][COLOR=#808080][FONT=Consolas]>[/FONT][/COLOR]

Code Seite 1Update:
Code: 
[COLOR=#808080][FONT=Consolas]<![/FONT][/COLOR][COLOR=#569CD6][FONT=Consolas]DOCTYPE[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#9CDCFE][FONT=Consolas]html[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#9CDCFE][FONT=Consolas]PUBLIC[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#CE9178][FONT=Consolas]"-//W3C//DTD HTML 4.01 Transitional//EN"[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#CE9178][FONT=Consolas]"http://www.w3.org/TR/html4/loose.dtd"[/FONT][/COLOR][COLOR=#808080][FONT=Consolas]>[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas][COLOR=#808080]<[/COLOR][COLOR=#569CD6]html[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]head[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#6A9955]<!------------------------------------------------Status-->[/COLOR] [COLOR=#6A9955]<!--Die Texte der Enum Variablen werden hier definiert-->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
   [COLOR=#6A9955]<!-- AWP_Enum_Def Name="StatusValue" Values='[/COLOR]
[COLOR=#6A9955]        0:"null",1:"eins",2:"zwei",3:"drei",4:"vier",5:"fünf"' -->[/COLOR]
    [COLOR=#6A9955]<!-- AWP_Enum_Ref Name='"DB_HMI".Enum' Enum="StatusValue" -->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR] 
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]meta[/COLOR] [COLOR=#9CDCFE]content[/COLOR]=[COLOR=#CE9178]"text/html; charset=UTF-8"[/COLOR] [COLOR=#9CDCFE]http-equiv[/COLOR]=[COLOR=#CE9178]"content-type"[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]title[/COLOR][COLOR=#808080]>[/COLOR]Update 1[COLOR=#808080]</[/COLOR][COLOR=#569CD6]title[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]script[/COLOR] [COLOR=#9CDCFE]type[/COLOR]=[COLOR=#CE9178]"text/javascript"[/COLOR][COLOR=#808080]>[/COLOR]
         
         [COLOR=#6A9955]/* String.trim() is not supported by every browser - thus add this functionality is necessary */[/COLOR]
         [COLOR=#C586C0]if[/COLOR] (![COLOR=#4EC9B0]String[/COLOR].[COLOR=#9CDCFE]trim[/COLOR])
         {
            [COLOR=#4EC9B0]String[/COLOR].[COLOR=#9CDCFE]prototype[/COLOR].[COLOR=#DCDCAA]trim[/COLOR] = [COLOR=#569CD6]function[/COLOR] () { [COLOR=#C586C0]return[/COLOR] [COLOR=#569CD6]this[/COLOR].[COLOR=#DCDCAA]replace[/COLOR]([COLOR=#D16969]/[/COLOR][COLOR=#DCDCAA]^[/COLOR][COLOR=#CE9178]([/COLOR][COLOR=#D16969]\s[/COLOR][COLOR=#DCDCAA]|[/COLOR][COLOR=#569CD6]\u00A0[/COLOR][COLOR=#CE9178])[/COLOR][COLOR=#D7BA7D]+[/COLOR][COLOR=#DCDCAA]|[/COLOR][COLOR=#CE9178]([/COLOR][COLOR=#D16969]\s[/COLOR][COLOR=#DCDCAA]|[/COLOR][COLOR=#569CD6]\u00A0[/COLOR][COLOR=#CE9178])[/COLOR][COLOR=#D7BA7D]+[/COLOR][COLOR=#DCDCAA]$[/COLOR][COLOR=#D16969]/[/COLOR][COLOR=#569CD6]g[/COLOR], [COLOR=#CE9178]''[/COLOR]); };
         }
         
         [COLOR=#6A9955]/* Main function for calling the subroutines */[/COLOR]
         [COLOR=#569CD6]function[/COLOR] [COLOR=#DCDCAA]mainJavaScript[/COLOR]()
         {
            [COLOR=#DCDCAA]updateSingleVariablesTable[/COLOR]();
            [COLOR=#DCDCAA]updateFrame[/COLOR]();
         }
            
         [COLOR=#6A9955]/* Function for updating the variables */[/COLOR]
         [COLOR=#569CD6]function[/COLOR] [COLOR=#DCDCAA]updateSingleVariablesTable[/COLOR]()
         {
            [COLOR=#569CD6]var[/COLOR] [COLOR=#9CDCFE]table[/COLOR] = [COLOR=#9CDCFE]document[/COLOR].[COLOR=#DCDCAA]getElementById[/COLOR]([COLOR=#CE9178]"singleVariablesTable"[/COLOR]);
            [COLOR=#C586C0]for[/COLOR]([COLOR=#9CDCFE]i[/COLOR] = [COLOR=#B5CEA8]1[/COLOR]; [COLOR=#9CDCFE]i[/COLOR] < [COLOR=#9CDCFE]table[/COLOR].[COLOR=#9CDCFE]rows[/COLOR].[COLOR=#9CDCFE]length[/COLOR]; [COLOR=#9CDCFE]i[/COLOR]++)
            {
                [COLOR=#569CD6]var[/COLOR] [COLOR=#9CDCFE]tagValue[/COLOR] = [COLOR=#9CDCFE]table[/COLOR].[COLOR=#9CDCFE]rows[/COLOR][[COLOR=#9CDCFE]i[/COLOR]].[COLOR=#DCDCAA]getElementsByTagName[/COLOR]([COLOR=#CE9178]"td"[/COLOR])[[COLOR=#B5CEA8]0[/COLOR]].[COLOR=#9CDCFE]innerHTML[/COLOR];
                [COLOR=#569CD6]var[/COLOR] [COLOR=#9CDCFE]tagId[/COLOR] = [COLOR=#9CDCFE]table[/COLOR].[COLOR=#9CDCFE]rows[/COLOR][[COLOR=#9CDCFE]i[/COLOR]].[COLOR=#DCDCAA]getElementsByTagName[/COLOR]([COLOR=#CE9178]"td"[/COLOR])[[COLOR=#B5CEA8]1[/COLOR]].[COLOR=#9CDCFE]innerHTML[/COLOR].[COLOR=#DCDCAA]trim[/COLOR]();
                [COLOR=#9CDCFE]parent[/COLOR].[COLOR=#9CDCFE]document[/COLOR].[COLOR=#DCDCAA]getElementById[/COLOR]([COLOR=#9CDCFE]tagId[/COLOR]).[COLOR=#9CDCFE]innerHTML[/COLOR] = [COLOR=#9CDCFE]tagValue[/COLOR];
            }
         }
         
         [COLOR=#6A9955]/* Function for updating the web page */[/COLOR]
         [COLOR=#569CD6]function[/COLOR] [COLOR=#DCDCAA]updateFrame[/COLOR]()
         {
            [COLOR=#9CDCFE]window[/COLOR].[COLOR=#DCDCAA]setTimeout[/COLOR]([COLOR=#569CD6]function[/COLOR](){[COLOR=#9CDCFE]location[/COLOR].[COLOR=#DCDCAA]reload[/COLOR]()}, [COLOR=#9CDCFE]document[/COLOR].[COLOR=#DCDCAA]getElementById[/COLOR]([COLOR=#CE9178]"updateInterval"[/COLOR]).[COLOR=#9CDCFE]innerHTML[/COLOR].[COLOR=#DCDCAA]trim[/COLOR]());
         }
        [COLOR=#808080]</[/COLOR][COLOR=#569CD6]script[/COLOR][COLOR=#808080]>[/COLOR]

    [COLOR=#808080]</[/COLOR][COLOR=#569CD6]head[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]body[/COLOR] [COLOR=#9CDCFE]onload[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#DCDCAA]mainJavaScript[/COLOR][COLOR=#CE9178]()[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]

        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]table[/COLOR] [COLOR=#F44747]border[/COLOR]=[COLOR=#CE9178]"1"[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
                    Update time in milliseconds
                [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]</[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR] [COLOR=#9CDCFE]id[/COLOR]=[COLOR=#CE9178]"updateInterval"[/COLOR][COLOR=#808080]>[/COLOR]
                    1000
                [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]</[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]</[/COLOR][COLOR=#569CD6]table[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]br[/COLOR][COLOR=#808080]>[/COLOR]

        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]table[/COLOR] [COLOR=#9CDCFE]id[/COLOR]=[COLOR=#CE9178]"singleVariablesTable"[/COLOR] [COLOR=#F44747]border[/COLOR]=[COLOR=#CE9178]"1"[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
                    AWP-Command to read variable
                [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
                    ID of the element of the main page which should be updated
                [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]</[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR] :="DB_HMI".Testvariable_1: [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR] Testvariable_1 [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]</[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR] :="DB_HMI".Seite: [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR] Seite [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]</[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR] :="DB_HMI".Enum: [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR] Enum_HMI [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]</[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]</[/COLOR][COLOR=#569CD6]table[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]</[/COLOR][COLOR=#569CD6]body[/COLOR][COLOR=#808080]>[/COLOR]
[/FONT][/COLOR]
[COLOR=#808080][FONT=Consolas]</[/FONT][/COLOR][COLOR=#569CD6][FONT=Consolas]html[/FONT][/COLOR][COLOR=#808080][FONT=Consolas]>[/FONT][/COLOR]

Code Seite 2:
Code: 
[COLOR=#808080][FONT=Consolas]<![/FONT][/COLOR][COLOR=#569CD6][FONT=Consolas]DOCTYPE[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#9CDCFE][FONT=Consolas]html[/FONT][/COLOR][COLOR=#808080][FONT=Consolas]>[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas][COLOR=#808080]<[/COLOR][COLOR=#569CD6]html[/COLOR] [COLOR=#9CDCFE]lang[/COLOR]=[COLOR=#CE9178]"de-ch"[/COLOR][COLOR=#808080]>[/COLOR]
  [COLOR=#808080]<[/COLOR][COLOR=#569CD6]head[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]meta[/COLOR] [COLOR=#9CDCFE]http-equiv[/COLOR]=[COLOR=#CE9178]"content-type"[/COLOR] [COLOR=#9CDCFE]content[/COLOR]=[COLOR=#CE9178]"text/html; charset=utf-8"[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]title[/COLOR][COLOR=#808080]>[/COLOR]Seite 2[COLOR=#808080]</[/COLOR][COLOR=#569CD6]title[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]meta[/COLOR] [COLOR=#9CDCFE]name[/COLOR]=[COLOR=#CE9178]"author"[/COLOR] [COLOR=#9CDCFE]content[/COLOR]=[COLOR=#CE9178]"Bucher"[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]meta[/COLOR] [COLOR=#9CDCFE]name[/COLOR]=[COLOR=#CE9178]"description"[/COLOR] [COLOR=#9CDCFE]content[/COLOR]=[COLOR=#CE9178]"Sartseite von Solartrack"[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]meta[/COLOR] [COLOR=#9CDCFE]name[/COLOR]=[COLOR=#CE9178]"generator"[/COLOR] [COLOR=#9CDCFE]content[/COLOR]=[COLOR=#CE9178]"BlueGriffon wysiwyg editor"[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]link[/COLOR] [COLOR=#9CDCFE]type[/COLOR]=[COLOR=#CE9178]"text/css"[/COLOR] [COLOR=#9CDCFE]rel[/COLOR]=[COLOR=#CE9178]"stylesheet"[/COLOR] [COLOR=#9CDCFE]href[/COLOR]=[COLOR=#CE9178]"format.css"[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]script[/COLOR] [COLOR=#9CDCFE]type[/COLOR]=[COLOR=#CE9178]"text/javascript"[/COLOR][COLOR=#808080]>[/COLOR]
      
      [COLOR=#569CD6]function[/COLOR] [COLOR=#DCDCAA]Seitenwechsel[/COLOR]()
      {
        [COLOR=#569CD6]var[/COLOR] [COLOR=#9CDCFE]idx[/COLOR] = [COLOR=#9CDCFE]document[/COLOR].[COLOR=#DCDCAA]getElementById[/COLOR]([COLOR=#CE9178]"Seite"[/COLOR]).[COLOR=#9CDCFE]innerHTML[/COLOR].[COLOR=#DCDCAA]trim[/COLOR]();
        [COLOR=#C586C0]if[/COLOR] ([COLOR=#9CDCFE]idx[/COLOR] == [COLOR=#B5CEA8]1[/COLOR]) {
          [COLOR=#9CDCFE]window[/COLOR].[COLOR=#9CDCFE]location[/COLOR].[COLOR=#9CDCFE]href[/COLOR] = [COLOR=#CE9178]"Seite 1.html"[/COLOR];
        }
      }
      [COLOR=#DCDCAA]setInterval[/COLOR]([COLOR=#DCDCAA]Seitenwechsel[/COLOR], [COLOR=#B5CEA8]1000[/COLOR]);
    [COLOR=#808080]</[/COLOR][COLOR=#569CD6]script[/COLOR][COLOR=#808080]>[/COLOR]
  [COLOR=#808080]</[/COLOR][COLOR=#569CD6]head[/COLOR][COLOR=#808080]>[/COLOR]
  [COLOR=#808080]<[/COLOR][COLOR=#569CD6]body[/COLOR] [COLOR=#9CDCFE]onload[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#DCDCAA]Seitenwechsel[/COLOR][COLOR=#CE9178]()[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#6A9955]<!--  ++++++++++++++++++++++++++++++++++++++++++++++Variablen lesen+++++++++++++++++++++++++++++++++++++++++++++++-->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#6A9955]<!------------------------------------------------Aktualissierung-->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]iframe[/COLOR] [COLOR=#9CDCFE]name[/COLOR]=[COLOR=#CE9178]"Iframe1"[/COLOR] [COLOR=#9CDCFE]src[/COLOR]=[COLOR=#CE9178]"Update 2.html"[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]display: none[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569CD6]iframe[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#6A9955]<!------------------------------------------------Variablen-->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#6A9955]<!-- AWP_In_Variable Name='"DB_HMI".Seite' -->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#6A9955]<!--  ++++++++++++++++++++++++++++++++++++++++++++++Kopfzeile+++++++++++++++++++++++++++++++++++++++++++++++-->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]id[/COLOR]=[COLOR=#CE9178]"Kopf"[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top: 0px;[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Strich oben-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]hr[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178] position: absolute;[/COLOR][COLOR=#CE9178]"[/COLOR] [COLOR=#9CDCFE]color[/COLOR]=[COLOR=#CE9178]"#2871ff"[/COLOR] [COLOR=#F44747]align[/COLOR]=[COLOR=#CE9178]"left"[/COLOR] [COLOR=#9CDCFE]width[/COLOR]=[COLOR=#CE9178]"1000"[/COLOR]

        [COLOR=#9CDCFE]size[/COLOR]=[COLOR=#CE9178]"5"[/COLOR] [COLOR=#9CDCFE]noshade[/COLOR]=[COLOR=#CE9178]"noshade"[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Logo-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR] [COLOR=#6A9955]<!--<img src="Bilder/Logo.jpg" alt="Logo" title="Logo" style=" position: absolute; top:13px  "[/COLOR]

[COLOR=#6A9955]        height="60" width="60">-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Firma Name-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top:-8px; left:80px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]h1[/COLOR][COLOR=#808080]><[/COLOR][COLOR=#569CD6]nobr[/COLOR][COLOR=#808080]>[/COLOR]Energy saving[COLOR=#808080]</[/COLOR][COLOR=#569CD6]nobr[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569CD6]h1[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#808080]</[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Titel-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top:-14px; left:805px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]h2[/COLOR][COLOR=#808080]>[/COLOR]Seite 2[COLOR=#808080]</[/COLOR][COLOR=#569CD6]h2[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#808080]</[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Strich unten-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]hr[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178] position: absolute; top:62px[/COLOR][COLOR=#CE9178]"[/COLOR] [COLOR=#9CDCFE]color[/COLOR]=[COLOR=#CE9178]"#2871ff"[/COLOR] [COLOR=#F44747]align[/COLOR]=[COLOR=#CE9178]"left"[/COLOR] [COLOR=#9CDCFE]width[/COLOR]=[COLOR=#CE9178]"1000"[/COLOR]

        [COLOR=#9CDCFE]size[/COLOR]=[COLOR=#CE9178]"5"[/COLOR] [COLOR=#9CDCFE]noshade[/COLOR]=[COLOR=#CE9178]"noshade"[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Strich vertikal links-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]height:39px; border:0px;border-left:5px solid #2871ff; position: absolute; top:22px; left:350px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Strich vertikal rechts-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]height:39px; border:0px;border-left:5px solid #2871ff; position: absolute; top:22px; left:790px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Status (Wort)-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!--<div style="position: absolute; top:0px; left:450px">[/COLOR]
[COLOR=#6A9955]        <h3>Status:</h3>[/COLOR]
[COLOR=#6A9955]      </div>-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!------------------------------------------------Status (Prozessvatiable)-->[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#6A9955]<!--<div style="position: absolute; top:0px; left:550px">[/COLOR]
[COLOR=#6A9955]        <table style= "position: absolute; top: 39px;left: 0px">[/COLOR]
[COLOR=#6A9955]            <tr>[/COLOR]
[COLOR=#6A9955]                <td id="Sys_Status"></td>[/COLOR]
[COLOR=#6A9955]            </tr>[/COLOR]
[COLOR=#6A9955]          </table>[/COLOR]
[COLOR=#6A9955]      </div>-->[/COLOR]
    [COLOR=#808080]</[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#6A9955]<!--  ++++++++++++++++++++++++++++++++++++++++++++++Inhalt+++++++++++++++++++++++++++++++++++++++++++++++-->[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]id[/COLOR]=[COLOR=#CE9178]"Link"[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top: 100px; left:80px;[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
      [COLOR=#6A9955]<!---->[/COLOR]
      [COLOR=#808080]<[/COLOR][COLOR=#569CD6]a[/COLOR] [COLOR=#9CDCFE]href[/COLOR]=[COLOR=#CE9178]"Seite 1.html"[/COLOR][COLOR=#808080]>[/COLOR]Seite 1[COLOR=#808080]</[/COLOR][COLOR=#569CD6]a[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]</[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]

    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]div[/COLOR] [COLOR=#9CDCFE]style[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top:50px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]table[/COLOR] [COLOR=#9CDCFE]style[/COLOR]= [COLOR=#CE9178]"[/COLOR][COLOR=#CE9178]position: absolute; top: 200px;left: 0px[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]
          [COLOR=#808080]<[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
              [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR] [COLOR=#9CDCFE]id[/COLOR]=[COLOR=#CE9178]"Seite"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
          [COLOR=#808080]</[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]</[/COLOR][COLOR=#569CD6]table[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]</[/COLOR][COLOR=#569CD6]div[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#6A9955]<!-- ++++++++++++++++++++++++++++++++++++++++++++++Fusszeile ++++++++++++++++++++++++++++++++++++++++++++++ -->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR]
  [COLOR=#808080]</[/COLOR][COLOR=#569CD6]body[/COLOR][COLOR=#808080]>[/COLOR]
[/FONT][/COLOR]
[COLOR=#808080][FONT=Consolas]</[/FONT][/COLOR][COLOR=#569CD6][FONT=Consolas]html[/FONT][/COLOR][COLOR=#808080][FONT=Consolas]>[/FONT][/COLOR]


Ich möchte mich hier noch einmal bei Thomas bedanken, welcher mir den Anstoss gab.
 
Zuviel Werbung?
-> Hier kostenlos registrieren
Code Seite 2 Update:
Code: 
[COLOR=#808080][FONT=Consolas]<![/FONT][/COLOR][COLOR=#569CD6][FONT=Consolas]DOCTYPE[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#9CDCFE][FONT=Consolas]html[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#9CDCFE][FONT=Consolas]PUBLIC[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#CE9178][FONT=Consolas]"-//W3C//DTD HTML 4.01 Transitional//EN"[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas] [/FONT][/COLOR][COLOR=#CE9178][FONT=Consolas]"http://www.w3.org/TR/html4/loose.dtd"[/FONT][/COLOR][COLOR=#808080][FONT=Consolas]>[/FONT][/COLOR][COLOR=#D4D4D4][FONT=Consolas][COLOR=#808080]<[/COLOR][COLOR=#569CD6]html[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]head[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#6A9955]<!------------------------------------------------Status-->[/COLOR]
    [COLOR=#6A9955]<!---->[/COLOR] 
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]meta[/COLOR] [COLOR=#9CDCFE]content[/COLOR]=[COLOR=#CE9178]"text/html; charset=UTF-8"[/COLOR] [COLOR=#9CDCFE]http-equiv[/COLOR]=[COLOR=#CE9178]"content-type"[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]title[/COLOR][COLOR=#808080]>[/COLOR]Update 1[COLOR=#808080]</[/COLOR][COLOR=#569CD6]title[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]script[/COLOR] [COLOR=#9CDCFE]type[/COLOR]=[COLOR=#CE9178]"text/javascript"[/COLOR][COLOR=#808080]>[/COLOR]
         
         [COLOR=#6A9955]/* String.trim() is not supported by every browser - thus add this functionality is necessary */[/COLOR]
         [COLOR=#C586C0]if[/COLOR] (![COLOR=#4EC9B0]String[/COLOR].[COLOR=#9CDCFE]trim[/COLOR])
         {
            [COLOR=#4EC9B0]String[/COLOR].[COLOR=#9CDCFE]prototype[/COLOR].[COLOR=#DCDCAA]trim[/COLOR] = [COLOR=#569CD6]function[/COLOR] () { [COLOR=#C586C0]return[/COLOR] [COLOR=#569CD6]this[/COLOR].[COLOR=#DCDCAA]replace[/COLOR]([COLOR=#D16969]/[/COLOR][COLOR=#DCDCAA]^[/COLOR][COLOR=#CE9178]([/COLOR][COLOR=#D16969]\s[/COLOR][COLOR=#DCDCAA]|[/COLOR][COLOR=#569CD6]\u00A0[/COLOR][COLOR=#CE9178])[/COLOR][COLOR=#D7BA7D]+[/COLOR][COLOR=#DCDCAA]|[/COLOR][COLOR=#CE9178]([/COLOR][COLOR=#D16969]\s[/COLOR][COLOR=#DCDCAA]|[/COLOR][COLOR=#569CD6]\u00A0[/COLOR][COLOR=#CE9178])[/COLOR][COLOR=#D7BA7D]+[/COLOR][COLOR=#DCDCAA]$[/COLOR][COLOR=#D16969]/[/COLOR][COLOR=#569CD6]g[/COLOR], [COLOR=#CE9178]''[/COLOR]); };
         }
         
         [COLOR=#6A9955]/* Main function for calling the subroutines */[/COLOR]
         [COLOR=#569CD6]function[/COLOR] [COLOR=#DCDCAA]mainJavaScript[/COLOR]()
         {
            [COLOR=#DCDCAA]updateSingleVariablesTable[/COLOR]();
            [COLOR=#DCDCAA]updateFrame[/COLOR]();
         }
            
         [COLOR=#6A9955]/* Function for updating the variables */[/COLOR]
         [COLOR=#569CD6]function[/COLOR] [COLOR=#DCDCAA]updateSingleVariablesTable[/COLOR]()
         {
            [COLOR=#569CD6]var[/COLOR] [COLOR=#9CDCFE]table[/COLOR] = [COLOR=#9CDCFE]document[/COLOR].[COLOR=#DCDCAA]getElementById[/COLOR]([COLOR=#CE9178]"singleVariablesTable"[/COLOR]);
            [COLOR=#C586C0]for[/COLOR]([COLOR=#9CDCFE]i[/COLOR] = [COLOR=#B5CEA8]1[/COLOR]; [COLOR=#9CDCFE]i[/COLOR] < [COLOR=#9CDCFE]table[/COLOR].[COLOR=#9CDCFE]rows[/COLOR].[COLOR=#9CDCFE]length[/COLOR]; [COLOR=#9CDCFE]i[/COLOR]++)
            {
                [COLOR=#569CD6]var[/COLOR] [COLOR=#9CDCFE]tagValue[/COLOR] = [COLOR=#9CDCFE]table[/COLOR].[COLOR=#9CDCFE]rows[/COLOR][[COLOR=#9CDCFE]i[/COLOR]].[COLOR=#DCDCAA]getElementsByTagName[/COLOR]([COLOR=#CE9178]"td"[/COLOR])[[COLOR=#B5CEA8]0[/COLOR]].[COLOR=#9CDCFE]innerHTML[/COLOR];
                [COLOR=#569CD6]var[/COLOR] [COLOR=#9CDCFE]tagId[/COLOR] = [COLOR=#9CDCFE]table[/COLOR].[COLOR=#9CDCFE]rows[/COLOR][[COLOR=#9CDCFE]i[/COLOR]].[COLOR=#DCDCAA]getElementsByTagName[/COLOR]([COLOR=#CE9178]"td"[/COLOR])[[COLOR=#B5CEA8]1[/COLOR]].[COLOR=#9CDCFE]innerHTML[/COLOR].[COLOR=#DCDCAA]trim[/COLOR]();
                [COLOR=#9CDCFE]parent[/COLOR].[COLOR=#9CDCFE]document[/COLOR].[COLOR=#DCDCAA]getElementById[/COLOR]([COLOR=#9CDCFE]tagId[/COLOR]).[COLOR=#9CDCFE]innerHTML[/COLOR] = [COLOR=#9CDCFE]tagValue[/COLOR];
            }
         }
         
         [COLOR=#6A9955]/* Function for updating the web page */[/COLOR]
         [COLOR=#569CD6]function[/COLOR] [COLOR=#DCDCAA]updateFrame[/COLOR]()
         {
            [COLOR=#9CDCFE]window[/COLOR].[COLOR=#DCDCAA]setTimeout[/COLOR]([COLOR=#569CD6]function[/COLOR](){[COLOR=#9CDCFE]location[/COLOR].[COLOR=#DCDCAA]reload[/COLOR]()}, [COLOR=#9CDCFE]document[/COLOR].[COLOR=#DCDCAA]getElementById[/COLOR]([COLOR=#CE9178]"updateInterval"[/COLOR]).[COLOR=#9CDCFE]innerHTML[/COLOR].[COLOR=#DCDCAA]trim[/COLOR]());
         }
        [COLOR=#808080]</[/COLOR][COLOR=#569CD6]script[/COLOR][COLOR=#808080]>[/COLOR]

    [COLOR=#808080]</[/COLOR][COLOR=#569CD6]head[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569CD6]body[/COLOR] [COLOR=#9CDCFE]onload[/COLOR]=[COLOR=#CE9178]"[/COLOR][COLOR=#DCDCAA]mainJavaScript[/COLOR][COLOR=#CE9178]()[/COLOR][COLOR=#CE9178]"[/COLOR][COLOR=#808080]>[/COLOR]

        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]table[/COLOR] [COLOR=#F44747]border[/COLOR]=[COLOR=#CE9178]"1"[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
                    Update time in milliseconds
                [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]</[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR] [COLOR=#9CDCFE]id[/COLOR]=[COLOR=#CE9178]"updateInterval"[/COLOR][COLOR=#808080]>[/COLOR]
                    1000
                [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]</[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]</[/COLOR][COLOR=#569CD6]table[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]br[/COLOR][COLOR=#808080]>[/COLOR]

        [COLOR=#808080]<[/COLOR][COLOR=#569CD6]table[/COLOR] [COLOR=#9CDCFE]id[/COLOR]=[COLOR=#CE9178]"singleVariablesTable"[/COLOR] [COLOR=#F44747]border[/COLOR]=[COLOR=#CE9178]"1"[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
                    AWP-Command to read variable
                [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
                    ID of the element of the main page which should be updated
                [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]</[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
            [COLOR=#808080]<[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
                
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR] :="DB_HMI".Seite: [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
                [COLOR=#808080]<[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR] Seite [COLOR=#808080]</[/COLOR][COLOR=#569CD6]td[/COLOR][COLOR=#808080]>[/COLOR]
            
            [COLOR=#808080]</[/COLOR][COLOR=#569CD6]tr[/COLOR][COLOR=#808080]>[/COLOR]
        [COLOR=#808080]</[/COLOR][COLOR=#569CD6]table[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]</[/COLOR][COLOR=#569CD6]body[/COLOR][COLOR=#808080]>[/COLOR]
[/FONT][/COLOR]
[COLOR=#808080][FONT=Consolas]</[/FONT][/COLOR][COLOR=#569CD6][FONT=Consolas]html[/FONT][/COLOR][COLOR=#808080][FONT=Consolas]>[/FONT][/COLOR]
 

Similar threads

R
TIA WebServer Anwenderseite wird nicht angezeigt
Antworten
2
Aufrufe
2K
reini69
R
Zurück
Oben