[9575f0]: / test.html  Maximize  Restore  History

Download this file

87 lines (77 with data), 2.9 kB 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body onload="onBodyLoad()">

<script>

    window.addEventListener("message", receiveMessage, false);



    let url0, url1, activeUrl, urlSet = false, timer = -1;



    function onBodyLoad() {

        url0 = document.getElementById("url0");

        url1 = document.getElementById("url1");

    }



    function receiveMessage(event) {

        if (activeUrl.startsWith(event.origin)) {

            if (timer !== -1) {

                clearTimeout(timer);

                timer = -1;

                console.log("Received messages. Killing timer!");

            }

            var message = event.data;

            console.log(message);

            if (message === "--INFO--\"Still polling the registration of the visualization. Is the visu stopped?\"") {

                console.log("Webvisu stopped? Switching to different url");

                setTimeout(switchToDifferentWebvisu, 1000);

            }

            if (message === "Error while processing the visualization: Sending service aborted") {

                console.log("Download? Switching to different url");

                setTimeout(switchToDifferentWebvisu, 1000);

            }

            if (message === "--INFO--\"Triing to reconnect after error\"") {

                console.log("Error? Switching to different url");

                setTimeout(switchToDifferentWebvisu, 1000);

            }

        }

    }



    function setURL() {

        document.getElementById('frame').src = url0.value;

        url0.disabled = true;

        url1.disabled = true;

        document.getElementById("button").disabled = true;

        activeUrl = url0.value;

        urlSet = true;

    }



    function onLoad() {

        if (urlSet) {

            timer = setTimeout(function () {

                console.log("No message received after 5 seconds, switching to different webvisu.");

                switchToDifferentWebvisu();

            }, 5000);

        }

    }



    function switchToDifferentWebvisu() {

        if (activeUrl === url0.value) {

            activeUrl = url1.value;

        } else if (activeUrl === url1.value) {

            activeUrl = url0.value;

        } else {

            console.error("Unexpected settings! Abort!");

            return;

        }

        document.getElementById('frame').src = activeUrl;

    }



    function onError() {

        console.log("onError");

    }

</script>

<iframe id="frame" onload="onLoad()" onerror="onError()"></iframe>

<br><br>

<label for="url0">Url0:</label>

<input type="text" id="url0" name="url0" value="http://localhost:8080/webvisu.htm"><br><br>

<label for="url1">Url1:</label>

<input type="text" id="url1" name="url1" value="http://localhost:8080/webvisu.htm"><br><br>

<button type="button" id="button" onclick="setURL()">Change</button>





</body>

</html>