TC
/
arozos


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
							<html>

<head>
    <title>ArOZ Online Display Test</title>
    <link rel="stylesheet" href="../../../script/tocas/tocas.css">
    <script src="../../../script/tocas/tocas.js"></script>
    <script src="../../../script/jquery.min.js"></script>
    <style>
        body {
            background-color: #f9f9f9;
        }
        
        .fs {
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            background-color: black;
        }
    </style>
</head>

<body>
    <div class="fs" onClick="nextColor(this);" style="display:none;">

    </div>
    <div id="startui" class="ts container">
        <br>
        <div class="ts segment">
            <div class="ts header">
                Display Testing
                <div class="sub header">This is a function for user to quick test their display.</div>
            </div>
            <p>This function will popup a new window. Please enter full screen with the new window and click anywhere on screen to change color.<br> Click the button below to start the test.</p>
            <button class="ts primary button" onClick='startTest();'>Start Test</button>
        </div>
    </div>
    <script>
        function startTest() {
            window.open("/SystemAO/info/display.html#test");
        }

        if (window.location.hash == "#test") {
            var colorList = ["black", "red", "blue", "green", "yellow", "purple", "white"];
            var code = 0;
            $(".fs").show();
            $("#startui").hide();

            function nextColor(object) {
                requestFullScreen(object);
                code = code + 1;
                if (code > colorList.length - 1) {
                    code = 0;
                }
                $(".fs").css("background-color", colorList[code]);
            }

            function requestFullScreen(element) {
                // Supports most browsers and their versions.
                var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;

                if (requestMethod) { // Native full screen.
                    requestMethod.call(element);
                } else if (typeof window.ActiveXObject !== "undefined") { // Older IE.
                    var wscript = new ActiveXObject("WScript.Shell");
                    if (wscript !== null) {
                        wscript.SendKeys("{F11}");
                    }
                }
            }

        }
    </script>
</body>

</html>