Hi,
danke dir! Werde ich mal ausprobieren!
Beiträge von CORT
-
-
-
Hallo Forum,
ich habe ein kleines Problem mit http requests, wie mein Titel schon vermuten lässt.
Ich bin da leider komplett neu und ziemlich blank. Ich habe folgendes Problem:
Ich habe eine SPS, die mit einem WebPanel verbunden ist, dass die Visualisierung der SPS anzeigt. Leider friert mir das Panel ein, wenn meine SPS/Applikation auf Stopp geht.
Ich habe die Möglichkeit über eine Textdatei den Status der SPS auszulesen.
Idee ist es nun, auf dem WebPanel ein kleines Script laufen zu lassen, dass diese Textdatei ausließt und ggf. seine Browserseite neu startet.
Bis jetzt hab ich mir folgendes überlegt... bin mir aber nicht sicher ob Syntax und Logik dahinter passen... vielleicht könnte sich das mal jemand von euch anschauen?
- Über http request wird die Datei geöffnet- Wenn Inhalt der Datei = AppState=2, dann neu starten der Startseite im Browser
- Das ganze soll zyklisch alle 5 Sekunden geprüft werden.
Was denkt ihr?
Code
Alles anzeigenconsole.log("CheckPLC_State"); var request = new XMLHttpRequest(); function readPLCstate(){ request.open("GET","http://192.168.1.151:8080/webserver-state.txt"); request.timeout=2000; request.send(); } request.onload = function(){ if (request.resposeText == "AppState=2"){ window.location.href = "/etc/R2_StartVisu/WebVisuR2.html "; } setTimeout(function(){readPLCstate();},5000); }; setTimeout(function(){readPLCstate();},5000); -
So ich gleich nochmal.
In nem anderen Forum kam folgende Idee:
Idee: Console Log des referenzierten IFrames abfangen, parsen und falls da die Stop Message kommt umschalten mit Timeout
leider bis dato noch keine weitere Beschreibung.
Kannst du damit was anfangen? Ist Vermutlich genau das mit dem Event, was wir gemacht hatten oder?
-
Hallo,
Entschuldigung für die späte Rückmeldung. Hatte letzte Woche leider keine Möglichkeit an dem Projekt weiterzuarbeiten.
Der Support sagte mir, dass Sie das "Problem" so lösen, dass Sie einfach einen zweiten Favorit anlegen und dieser dann Manuell ausgewählt werden müsste. Für alles andere haben Sie leider nichts, was Sie mir anbieten könnten...
Bei Chrome habe ich halt das Problem, dass nicht jeder Chrome benutzt und ich das ganze so universell wie möglichen machen soll/möchte.
So langsam sehe ich schwarz für meine Wünsche
-
Vom Hersteller bekomm ich leider nichts
Hab mal in nem anderen Forum auch noch gefragt.. mal sehen was so kommt..
-
Da bin ich jetzt leider überfragt, bei Javascript, HTML und CSS bin ich gut dabei, aber Netzwerksachen waren noch nie meine Stärke.
Ich habe auch mal einen Blick auf die Website des Herstellers geworden und es gibt dort Supportadressen, sowohl Telefon als auch Email. Versuche doch dort mal, dein Vorhaben zu beschreiben, vielleicht haben sie eine Lösung.
Jo werde ich da auch nochmal versuchen.
Wegen meinem Code von #27
Der ist aus nem anderem Forum. Der Beitrag ist jedoch schon einige Jahre alt
Aber kann ich mal versuchen ob sich da noch jemand meldet 
Dir nochmal vielen Dank für die Hilfe!
-
Und kann ich via html z.B. Netzglobale Daten auslesen, die über UDP kommen? Oder OPC? Dann könnte man z.B. nen LifeCounter auswerten...
-
Jetzt hätte ich noch eine andere Idee... weiß nur nicht ob das so Sinn macht
In dem Code, den wir bis jetzt haben, wird das iFrame1 geöffnet. Wenn das erfolgreich war und die Website läuft, könnte ich doch auch einfach das Öffnen des zweiten iFrames überspringen oder? Ansonsten öffnet er ja sowieso das zweit iFrame.
Könnte man dann das so machen, dass man auf "error" gar nicht überprüfen muss, sondern auf "success" oder so?
-
Hi,
so... ich verwende als Hardware aktuell eine Wago PFC200 750-8214
für eine Wago 750-841 habe ich ein Beispiel gefunden, dass die Wago über SSI anspricht... kann man damit was anfangen?
Man kann scheinbar über SSI die Ein und Ausgänge direkt steuern. Wie das genau zu realisieren ist weiß ich leider nicht...
Noch ein anderer Gedanke... wenn ich jetzt ne AIP von der speziellen Hardware verwende, würde meine html-Seite ja vermutlich bei anderer Hardware nicht funktionieren... würde das gerne irgendwie universell hinbekommen (falls Hardware geändert wird, was vermutlich noch passiert)
Könnte man eventuell Netzglobale Variablen (z.B. Lifecounter), die via UDP verschickt werden auf einer html-Seite auslesen?
Es muss doch irgendwie ne Möglichkeit geben, zu kontrollieren ob die Seite aufgerufen werden konnte oder nicht, ohne sich da groß zu verbiegen
HTML
Alles anzeigen<html> <body> <body bgcolor="#000000" text="#C0C0C0"> <H2> Licht </H2> <br><br> <script language="JavaScript"> document.write("<table> <tr>"); document.write('<td><a href="">Licht rechts</a></td>'); document.write("<td>"); if (<!--#READPI ADR=QX4.5&FORMAT=%X-->==1){ document.write('<td style="background-color:#008000"> ein'); }else{ document.write('<td style="background-color:#800000"> aus'); } document.write("</td>"); document.write("</tr>"); document.write('<td style="background-color:#313131">Licht links:</td>'); document.write("<td>"); if (<!--#READPI ADR=QX4.6&FORMAT=%X-->==1){ document.write('<td style="background-color:#008000"> ein'); }else{ document.write('<td style="background-color:#800000"> aus'); } document.write("</tr></table>"); </script> </body> </html> -
Hmh ok...gestaltet sich alles schwierig
Das mit der API muss ich nachlesen, komme aber heute leider nicht mehr dazu...
Denke aber da müsste was gehen..
-
Also:
Das grundlegende Problem ist ja, dass ich die "webvisu.htm" erreichen möchte. Ist das nicht möglich, weil die CPU auf Stop ist oder ausgeschaltet, möchte ich auf die webvisu.htm der zweiten sps schalten.
die webvisu.htm ist die Bedienoberfläche für mein SPS-Programm.
die wbm ist die Konfigurationsseite der SPS => hier kann ich die IP-Adresse (Ja hat eine eigene) und verschiedene Einstellungen der SPS vornehmen (als Grundsystem läuft hier LINUX).
Das Problem mit dem Ping ist -wie du schon gesagt hast- dass hier ein Stop des Programms nicht berücksichtigt würde, da der Ping trotzdem funktionieren würde.
Wenn ich versuche den obigen Code mit der webvisu.htm zu starten wird das Frame korrekt angezeigt. In der Konsole erhalte ich folgende Meldung:
-
naja wie man das genau macht wäre mir eigentlich egal... das Ergebnis zählt
kann man im html evtl. auch ein script schreiben, das einen Ping macht? Vllt geht das so?
-
hmh...sieht leider schlecht aus:
könnte man mit php und URL-Check was machen... hab da was gelesen... man müsste dann aber vermutlich ein separates php-File schreiben und das einbinden oder?
so in der Art:
PHP
Alles anzeigen<?php // Prüft ob bestimmte URL existiert und sendet im Fehlerfall E-Mail // URL oder Ressource definieren $seturl = 'http://meine-website.tld/foo.html'; //Funktion URL Check function url_check($url) { $urlheaders = @get_headers($url); return is_array($urlheaders) ? preg_match('/^HTTP\\/\\d+\\.\\d+\\s+2\\d\\d\\s+.*$/',$urlheaders[0]) : false; }; //URL prüfen if(url_check($seturl)){ //URL existiert, Hinweis ausgeben echo 'Die URL '.$seturl.' ist erreichbar!'; } else { //URL existiert NICHT, Hinweis ausgeben und E-Mail senden echo 'Die URL '.$seturl.' ist NICHT erreichbar! Eine E-Mail wurde an die angegebene Adresse gesendet.'; }; ?> -
Fortsetzung:
Code
Alles anzeigen</script> <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script> <script type="text/javascript" src="js/iplib.js"></script> <script type="text/javascript" src="js/jquery.xml2json.js"></script> <script type="text/javascript" src="js/file-iterator.js"></script> <script type="text/javascript" src="js/xhr.js"></script> <script type="text/javascript" src="js/file-transfer.js"></script> <script type="text/javascript" src="js/upload.js"></script> <script type="text/javascript" src="js/general_definitions.js"></script> <script type="text/javascript" src="js/page_buildup.js"></script> <script type="text/javascript" src="js/tooltip.js"></script> <script type='text/javascript' src="js/device_communication.js"></script> <script type="text/javascript" src="js/device_params.js"></script> <script type="text/javascript" src="js/device_param_list.js.php"></script> <script type='text/javascript' src="js/state_area.js"></script> <script type="text/javascript" src="js/head_station_info.js"></script> <script type="text/javascript" src="js/user_management.js"></script> <script type='text/javascript' src="js/interface_config.js"></script> <script type='text/javascript' src="js/information.js"></script> <script type='text/javascript' src="js/rts_info.js"></script> <script type='text/javascript' src="js/rts_configuration.js"></script> <script type='text/javascript' src="js/webvisu.js"></script> <script type='text/javascript' src="js/tcpip_common_configuration.js"></script> <script type='text/javascript' src="js/interfaces.js"></script> <script type='text/javascript' src="js/default_gateway.js"></script> <script type='text/javascript' src="js/dns_server.js"></script> <script type='text/javascript' src="js/ethernet.js"></script> <script type='text/javascript' src="js/firewall_general_configuration.js"></script> <script type='text/javascript' src="js/firewall_mac_address_filter.js"></script> <script type='text/javascript' src="js/firewall_user_filter.js"></script> <script type='text/javascript' src="js/firewall_service_configuration.js"></script> <script type='text/javascript' src="js/clock.js"></script> <script type='text/javascript' src="js/users.js"></script> <script type='text/javascript' src="js/create_image.js"></script> <script type='text/javascript' src="js/rs232.js"></script> <script type='text/javascript' src="js/service_interface.js"></script> <script type='text/javascript' src="js/start_reboot.js"></script> <script type='text/javascript' src="js/firmware_backup.js"></script> <script type='text/javascript' src="js/firmware_restore.js"></script> <script type='text/javascript' src="js/system_partition.js"></script> <script type='text/javascript' src="js/mass_storage.js"></script> <script type='text/javascript' src="js/software_uploads.js"></script> <script type='text/javascript' src="js/network_services.js"></script> <script type='text/javascript' src="js/ntp.js"></script> <script type='text/javascript' src="js/codesys_ports.js"></script> <script type='text/javascript' src="js/ssh.js"></script> <script type='text/javascript' src="js/tftp.js"></script> <script type='text/javascript' src="js/dhcpd.js"></script> <script type='text/javascript' src="js/dns_service.js"></script> <script type='text/javascript' src="js/modbus_services.js"></script> <script type='text/javascript' src="js/snmp_general.js"></script> <script type='text/javascript' src="js/snmp_v1_v2c.js"></script> <script type='text/javascript' src="js/snmp_v3.js"></script> <script type='text/javascript' src="js/diagnostic.js"></script> <script type='text/javascript' src="js/profibus.js"></script> <script type='text/javascript' src="js/modem.js"></script> <script type='text/javascript' src="js/vpn.js"></script> <script type='text/javascript' src="js/tls.js"></script> <script type='text/javascript' src="js/integrity.js"></script> <script type='text/javascript' src="js/opcua.js"></script> <script type='text/javascript' src="js/cloud_connectivity.js?20190325"></script> <script type='text/javascript' src="js/routing.js"></script> <script type='text/javascript' src="js/bacnet_diagnostic.js"></script> <script type='text/javascript' src="js/bacnet_general_configuration.js"></script> <script type='text/javascript' src="js/bacnet_storage_location.js"></script> <script type='text/javascript' src="js/opkg.js"></script> <script type="text/javascript"> //------------------------------------------------------------------------------ //document ready //------------------------------------------------------------------------------ $(document).ready(function() { // get our own MAC - available only via PHP and important var clientMacAddress = ''; //------------------------------------------------------------------------------ // start working //------------------------------------------------------------------------------ pageElements = new PageElements(); var content = new Array( new InformationContent('information'), new RtsInfoContent('rts_info'), new DiagnosticContent('diagnostic'), new RtsConfigurationContent('rts_configuration'), new WebvisuContent('webvisu'), new TcpIpCommonConfigurationContent('tcpip_common_configuration'), new InterfacesContent('interfaces'), new EthernetContent('ethernet'), new FirewallGeneralConfigContent('firewall_general_configuration'), new FirewallMacAddressFilterContent('firewall_mac_address_filter', clientMacAddress), new FirewallUserFilterContent('firewall_user_filter'), new ClockContent('clock'), new UsersContent('users'), new CreateImageContent('create_image'), new RS232Content('rs232'), new ServiceInterfaceContent('service_interface'), new StartRebootContent('start_reboot'), new FirmwareBackupContent('firmware_backup'), new FirmwareRestoreContent('firmware_restore'), new SystemPartitionContent('system_partition'), new MassStorageContent('mass_storage'), new SoftwareUploadsContent('software_uploads'), new NetworkServicesContent('network_services'), new NtpClientContent('ntp'), new CodesysPortsContent('codesys_ports'), new SshContent('ssh'), new TftpContent('tftp'), new DhcpdContent('dhcpd'), new DnsServiceContent('dns_service'), new ModbusServicesContent('modbus_services'), new SnmpGeneralContent('snmp_general'), new SnmpV1V2cContent('snmp_v1_v2c'), new SnmpV3Content('snmp_v3'), new ProfibusContent('profibus'), new ModemContent('modem'), new VpnContent('vpn'), new TlsContent('tls'), new IntegrityContent('integrity'), new OpcuaContent('opcua'), new DataAgentPageContent('cloud_connectivity'), new RoutingContent('routing'), new BacnetDiagnosticContent('bacnet_diagnostic'), new BacnetGeneralContent('bacnet_general_configuration'), new BacnetStorageContent('bacnet_storage_location'), new OpkgContent('opkg') ); var actualContentId = document.location.hash.replace("#", "") || 'information'; if(!wbmWorking) { $('#status_area').hide(); $('#main_nav').hide(); $('.single_content_page[id=error_content]').show(); var errorText = 'WBM cannot be displayed, because you are using an old Internet Explorer Version (< IE10), '; errorText += 'or compability mode is switched on (maybe for intranet sides - please check your IE settings).'; $('.single_content_page[id=error_content] p.content_page_error').text(errorText); } else { pageBuildup = new PageBuildup(actualContentId, function(status) { var userManagement = new UserManagement('', ''); pageBuildup.UpdateFeatureDependantEntries(function() { // update main menu links pageBuildup.ShowNavEntrySelected(pageBuildup.actualPageId); pageBuildup.AddNavigationListEvents(); // update main menu to user level pageBuildup.SetCurrentUserlevel(userManagement.GetCurrentUserlevel()); // if a special initial content is requested, load it - and do it via click to navigation, to check access rights before if(actualContentId.length) { // only in case of login page, go directly to it if('login' === actualContentId) { pageBuildup.ProcessContentChangeRequest(actualContentId); } else { $('#main_nav a#' + actualContentId).trigger('click'); } } $('.content_page[id=error_content] .content_page_error').text('Error while creating page.'); $('.content_page[id=error_content]').show(); stateArea.Create(function(status) { if(status === SUCCESS) // disabled for for full authentication stateArea.StartCyclicReading(); }); // disabled for for full authentication headStationInfoContent.Init(); }); }); }; }); </script> </html> -
Ja das ganze ist <!DOCTYPE html>
Ich könnte dir den Code mal kopieren:
HTML
Alles anzeigen<!DOCTYPE html> <html> <head> <title>CODESYS Ethernet Web-based Management</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="author" content="3S-Smart Software Solutions GmbH"> <link rel="stylesheet" type="text/css" href="css/styles.css"> </head> <!------------------------------------------------------------ < HTML BODY <-------------------------------------------------------------> <body> <div id="page"> <!------------------------------------------------------------------- < HEAD AREA < -------------------------------------------------------------------> <div id="head_area"> <h1>Web-based Management</h1> <div class="user_management_area"></div> <p id="value_coupler_info_text"></p> </div> <div class="horizontal-line"></div> <!------------------------------------------------------------------- < STATUS AREA < -------------------------------------------------------------------> <div id="status_area"> <div style="display:none"><img src="images/wait_frame_red.gif"><img src="images/wait_red.gif"></div> <h3>Status</h3> <ul> <li>WBM<span class="value"><span id="value_wbm_state"><img class="wbm_state" src="images/wait_frame_green.gif" alt="Status OK"></span></span> <li>Local Time <span class="value" id="value_status_time_local"></span></li> <li>Local Date <span class="value" id="value_status_date_local"></span></li> <li>PLC Switch<span class="value" id="value_run_stop_reset">run</span></li> <li> LEDs <div id="led_area" class="value"> <ul> </ul> </div> </li> </ul> </div> <!------------------------------------------------------------------- < MAIN NAVIGATION AREA < -------------------------------------------------------------------> <div id="main_nav"> <h3>Navigation</h3> <ul> </ul> <!-- filled by javaScript --> </div> <!------------------------------------------------------------------- < CONTENT AREA < -------------------------------------------------------------------> <div id="content_area"> <div class='single_content_page' id='error_content'> <h2>Error</h2> <p>Requested content is not available.</p> <p class="content_page_error"></p> </div> </div> </div> <div id="footer_area"> <p class="footer">WAGO • Hansastr. 27 • D-32423 Minden • WAGO is a registered trademark of WAGO Verwaltungsgesellschaft mbH. </div> </body> <!------------------------------------------------------------ < JAVA SCRIPT FUNCTIONS <-------------------------------------------------------------> <script type="text/javascript"> var wbmWorking = true; if(("Microsoft Internet Explorer" === window.navigator.appName) && (9 >= parseInt(document.documentMode, 10))) { wbmWorking = false; } // polyfill for indexOf, which is not supported by IE8 // Production steps of ECMA-262, Edition 5, 15.4.4.14 // Reference: http://es5.github.io/#x15.4.4.14 if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(searchElement, fromIndex) { for (var i = fromIndex; i < this.length; i++) { if (this[i] === searchElement) return i; } return -1; // not found }; } -
Hi,
erst mal wieder Danke für deine Antwort.
Ich fürchte dass das nicht so einfach möglich ist.
Wenn ich ein Bild auf dem Dateisystem der SPS ablege, kann ich das nur über z.B. FTP öffnen...was ja als Bestandteil einer Http(s)-Seite verboten ist...richtig?
Ich könnte jedoch das WebBasedManagement der SPS erreichen...würde mir das was bringen? Hier wird über eine LED der Status der SPS angezeigt. Ist die SPS abgeschaltet, wäre auch diese Seite nicht zu erreichen...
-
Hab das ganze auch mal wie folgt versucht:
- Eingabe funktioniert und öffnet sich erst nach Submit
- Leider öffnet sich nur die URL1...auch wenn diese nicht erreichbar ist, passiert nichts
Es wird mir nur angezeigt "Loading Webvisualisation" => Irgendwann hier dann Fehler beim Laden...wobei hier kein Fehler 404 angezeigt wird, sondern Fehler beim Laden der Webvisu. (Bild im Anhang)
Der Fehler wird scheinbar nicht getriggert... dies ist der Fall, wenn ich mein SPS-Programm stoppe, oder auch die ganze SPS neu Starte (also auch der Webserver definitiv nicht aktiv ist)
Eine Idee an was das liegen könnte?
HTML
Alles anzeigen<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1"> <title>TurCon_Redundancy</title> </head> <body> <form> <label for="Ip1">URL1: <input id="Ip1" name="Ip1"> </label> <label for="Ip2">URL2: <input id="Ip2" name="Ip2"> </label> <input type="submit" value="senden"> </form> <iframe id="iframe1"></iframe> <iframe id="iframe2"></iframe> <script> document.querySelector('form').addEventListener('submit', (event) => { // Defaultaktion des Submit d. h. Abschicken des Formulars unterdruecken // Dabei wuerde die Seite neu geladen und das wollen wir nicht event.preventDefault(); // Werte aus den Eingabefeldern auslesen und in die // src-Attribute der iFrames eintragen vIp1 = document.getElementById('Ip1').value; vIp2 = document.getElementById('Ip2').value; document.getElementById('iframe1').src = vIp1; //document.getElementById('iframe2').src = vIp2; }); // Eventlistener für iFrame 1 registrieren // Die anonyme Funktion, hier in Kurzschreibweise mit Doppelpfeil, // wird aufgerufen, wenn der iFrame geladen ist document.getElementById('iframe1').addEventListener('load', (event) => { // event.target ist das Element, auf das der Listener registriert wurde. // d. h. der iFrame. // Wir leiten auf die HTML-Seite der SPS um, // damit sie browserfüllend dargestellt wird. window.location.href = event.target.src; }); // Eventlistener für iFrame 1 registrieren //die anonyme Funktion, hier in Kurzschreibweise mit Doppelpfeil, //wird aufgerufen, wenn der iFrame nicht geladen werden kann document.getElementById('iframe1').addEventListener('error', (event) => { //kann die Seite nicht geladen werden, wird versucht die zweite Seite zu laden document.getElementById('iframe2').src = vIp2; }) // Eventlistener für iFrame 2 registrieren // Die anonyme Funktion, hier in Kurzschreibweise mit Doppelpfeil, // wird aufgerufen, wenn der iFrame geladen ist document.getElementById('iframe2').addEventListener('load', (event) => { // event.target ist das Element, auf das der Listener registriert wurde. // d. h. der iFrame. // Wir leiten auf die HTML-Seite der SPS um, // damit sie browserfüllend dargestellt wird. window.location.href = event.target.src; }); // Eventlistener für iFrame 2 registrieren // Die anonyme Funktion, hier in Kurzschreibweise mit Doppelpfeil, // wird aufgerufen, wenn der iFrame geladen ist // document.getElementById('iframe2').addEventListener('load', (event) => { // event.target ist das Element, auf das der Listener registriert wurde. // d. h. der iFrame. // Wir leiten auf die HTML-Seite der SPS um, // damit sie browserfüllend dargestellt wird. // window.location.href = event.target.src; // }); </script> </body> </html> -
Auch das ist selbstverständlich möglich. Speichern ist am einfachsten im Localstorage. Dieser liegt jedoch lokal auf dem Computer des Benutzers. Willst Du, dass die Werte für alle Benutzer verfügbar sind, musst Du sie serverseitig speichern.
Und für eine Verzögerung gibt es in Javascript die Funktion setTimeout().
Ich denke hier würde ausreichen, wenn ich das im Localsotrage des Panels speichern würde, mit dem ich die Visualisierung aufrufe. Sollten weitere Clients dazu kommen, müssten die, die Eintragung einfach auch vornehmen. Das wäre OK.
Sollte das Grundlegende von den Posts oben gut funktionieren, werde ich das mit dem setTimeout mal probieren
Dir schon mal vielen Dank für die sehr kompetente Unterstützung!
-
Code
<iframe id="iframe1" src=Ip1></iframe> <iframe id="iframe2" src=Ip2></iframe>Das wird nicht funktionieren, denn dieser Code wird ja sofort beim Laden der Seite ausgeführt und dann ist in den Eingabefeldern noch nichts drin. Du musst das Submit ebenfalls mit einem Eventlistener abfangen, darin die Werte auslesen und in die src-Attribute eintragen, etwa so:
Code
Alles anzeigendocument.querySelector('form').addEventListener('submit', (event) => { // Defaultaktion des Submit d. h. Abschicken des Formulars unterdruecken // Dabei wuerde die Seite neu geladen und das wollen wir nicht event.preventDefault(); // Werte aus den Eingabefeldern auslesen und in die // src-Attribute der iFrames eintragen vIp1 = document.getElementById('Ip1').value; vIp2 = document.getElementById('Ip2').value; document.getElementById('iframe1').src = vIp1; document.getElementById('iframe2').src = vIp2; });Ungetestet. Wenn das funktioniert, kannst Du der ersten SPS Priorität geben wie im vorigen Posting beschrieben.
Wahrscheinlich wäre es auch ratsam, die URLs zu validieren bzw. zu prüfen, aber wir wollen mal nicht den zweiten Schritt vor dem ersten tun.
Das mit dem Submit scheint gut zu funktionieren...:-)
HTML
Alles anzeigen<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1"> <title>TurCon_Redundancy</title> </head> <body> <form> <label for="Ip1">URL1: <input id="Ip1" name="Ip1"> </label> <label for="Ip2">URL2: <input id="Ip2" name="Ip2"> </label> <input type="submit" value="senden"> </form> <iframe id="iframe1"></iframe> <script> document.querySelector('form').addEventListener('submit', (event) => { // Defaultaktion des Submit d. h. Abschicken des Formulars unterdruecken // Dabei wuerde die Seite neu geladen und das wollen wir nicht event.preventDefault(); // Werte aus den Eingabefeldern auslesen und in die // src-Attribute der iFrames eintragen vIp1 = document.getElementById('Ip1').value; vIp2 = document.getElementById('Ip2').value; document.getElementById('iframe1').src = vIp1; //document.getElementById('iframe2').src = vIp2; }); // Eventlistener für iFrame 1 registrieren // Die anonyme Funktion, hier in Kurzschreibweise mit Doppelpfeil, // wird aufgerufen, wenn der iFrame geladen ist document.getElementById('iframe1').addEventListener('load', (event) => { // event.target ist das Element, auf das der Listener registriert wurde. // d. h. der iFrame. // Wir leiten auf die HTML-Seite der SPS um, // damit sie browserfüllend dargestellt wird. window.location.href = event.target.src; }); // Eventlistener für iFrame 1 registrieren //die anonyme Funktion, hier in Kurzschreibweise mit Doppelpfeil, //wird aufgerufen, wenn der iFrame nicht geladen werden kann document.getElementById('iframe1').addEventListener('error', (event) => { //kann die Seite nicht geladen werden, wird versucht die zweite Seite zu laden document.getElementById('iframe1').src = "http://192.168.1.101:8080/webvisu.htm"; }) // Eventlistener für iFrame 1 registrieren // Die anonyme Funktion, hier in Kurzschreibweise mit Doppelpfeil, // wird aufgerufen, wenn der iFrame geladen ist document.getElementById('iframe1').addEventListener('load', (event) => { // event.target ist das Element, auf das der Listener registriert wurde. // d. h. der iFrame. // Wir leiten auf die HTML-Seite der SPS um, // damit sie browserfüllend dargestellt wird. window.location.href = event.target.src; }); // Eventlistener für iFrame 2 registrieren // Die anonyme Funktion, hier in Kurzschreibweise mit Doppelpfeil, // wird aufgerufen, wenn der iFrame geladen ist // document.getElementById('iframe2').addEventListener('load', (event) => { // event.target ist das Element, auf das der Listener registriert wurde. // d. h. der iFrame. // Wir leiten auf die HTML-Seite der SPS um, // damit sie browserfüllend dargestellt wird. // window.location.href = event.target.src; // }); </script> </body> </html>
