Unable to open this type of website in a GUI!

OneSolution · February 3, 2018

Hi guys. I'm having problems trying to display this website https://team-xpress.celayix.com/#/profile

in a GUI. Here is my code. Any help will be greatly appreciated!

#include <GUIConstantsEx.au3>
#include <GuiConstants.au3>
#include <IE.au3>
#include <WindowsConstants.au3>

GUICreate("Work Schedule", 1015, 800)

GUICtrlCreateTabItem("My Schedule")
Local $oIE = _IECreateEmbedded()
GUICtrlCreateObj($oIE, 1, 50, 1010, 750)

Local $but1 = GUICtrlCreateButton("Login", 5, 5, 80, 40, $WS_GROUP)

GUISetState(@SW_SHOW)

_IENavigate($oIE, "https://team-xpress.celayix.com/#/profile")

While 1
    Local $iMsg = GUIGetMsg()
    Select
        Case $iMsg = $GUI_EVENT_CLOSE
            ExitLoop
    EndSelect
WEnd

Here is the html code to the website.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Security-Policy" content="style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; media-src *; connect-src * ws://* wss://*;">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi" />

    <title>Team Xpress</title>

    <script>
        (function() {  // measure load time
            var time0 = Date.now();
            window.addEventListener('load', function() {
                var time1 = Date.now();
                var el = document.createElement('div');
                el.style.position = 'fixed';
                el.style.bottom = '-2px';
                el.style.zIndex = '10000';
                el.style.fontSize = '9px';
                el.style.fontFamily = 'sans-serif';
                var text = document.createTextNode('load: ' + (time1-time0) + 'ms');
                el.appendChild(text);
                document.body.appendChild(el);
            });
        })();
    </script>

    <link rel="stylesheet" href="/production/1712181755-d53ccf3a80f213fb27fe852f436eda462f1f2375/thirdparty/bootstrap.min.css">
    <!--
    <link rel="stylesheet" href="/thirdparty/bundle-thirdparty.css">
    -->
    <link rel="stylesheet" href="/production/1712181755-d53ccf3a80f213fb27fe852f436eda462f1f2375/thirdparty/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/production/1712181755-d53ccf3a80f213fb27fe852f436eda462f1f2375/thirdparty/react-datetime.css">

    <link rel="stylesheet" href="/production/1712181755-d53ccf3a80f213fb27fe852f436eda462f1f2375/bundle.css">

    <!--
    <script src="thirdparty/bundle-thirdparty.js" defer></script>
    -->
    <script src="/production/1712181755-d53ccf3a80f213fb27fe852f436eda462f1f2375/thirdparty/jquery-2.2.3.min.js" defer></script>
    <script src="/production/1712181755-d53ccf3a80f213fb27fe852f436eda462f1f2375/thirdparty/jquery.scrollTo.min.js" defer></script>
    <script src="/production/1712181755-d53ccf3a80f213fb27fe852f436eda462f1f2375/thirdparty/bootstrap-dropdown.js" defer></script>

    <script src="/production/1712181755-d53ccf3a80f213fb27fe852f436eda462f1f2375/bundle.js" defer></script>

    <!-- Google Analytics -->
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
        ga('create', 'UA-65027118-1', 'auto');
        ga('send', 'pageview');
    </script>
    <!-- End Google Analytics -->
    
    <script src="/production/1712181755-d53ccf3a80f213fb27fe852f436eda462f1f2375/cordova.js" defer></script>
</head>
<body>
    <div id="main-container" class="cx-responsive-container"></div>
</body>
</html>

Edited February 3, 2018 by OneSolution

Danp2 · February 4, 2018

What isn't working as expected? Does it not load? Or does it just display incorrectly? Perhaps it requires something more current than IE7, which is the default browser when using the embedded version. You can search the forum for an example of how to change that.

OneSolution · February 4, 2018

Hi Danp2! Thanks for the respond. The screen in the GUI is completely blank but It work with the embedded version. So I'm kinda lost why it would work with the embedded version rather then the GUI version. I wanted the GUI version to be able to display the website so I can add other features like buttons and input boxes. Are there plugins for the GUI to display these kind of website?Thanks you in advance!

Danp2 · February 4, 2018

@OneSolution Found your reply confusing. To me, "embedded version" means using _IECreateEmbedded() to embed a browser window inside your GUI.

Did you try searching the forum as I suggested for the solution where a newer version of IE is used?

OneSolution · February 5, 2018

Danp2 you are correct! What I really meant was that it will not work with the embedded version but the website will show up if using the _IECreate .

#include <GUIConstantsEx.au3>
#include <GuiConstants.au3>
#include <IE.au3>
#include <INet.au3>
#include <WindowsConstants.au3>

$oIE = _IECreate("https://team-xpress.celayix.com/#/profile")

I did what you suggested. Using different version of IE. Tried to run it on Window7 IE, WindowXP IE and Window 10. I also tried the latest version of IE.au3 and IE2.au3. Same result. Once again thank you for your suggestions. I know eventually I'll find the solutions.

Danp2 · February 5, 2018

40 minutes ago, OneSolution said:

I did what you suggested. Using different version of IE.

How? Did you read / try any of these solutions?

mLipok · February 5, 2018

I've been looking for these two topics maybe even a month.
Thanks for the link reminder.

Earthshine · February 5, 2018

This is how you play an YouTube embedded now, HTML5 because they disabled Flash playback

OneSolution · February 7, 2018

On 2/5/2018 at 11:51 AM, Danp2 said:

How? Did you read / try any of these solutions?

These I have not tried. Thank you so much! I will read and test them out. I'll post my conclusion later.

OneSolution · February 8, 2018

On 2/5/2018 at 11:51 AM, Danp2 said:

How? Did you read / try any of these solutions?

Problem solved!! Thanks to you Danp2. It took a lot sooner then I thought!! I read about the IE Embedded Control Versioning(use IE9+ and HTML5 in a GUI) I added the UDF IE_EmbeddedVersioning in my include folder. Then I changed my registry so IE can be recognized as IE11. Which is the version of my IE. This is the registry path I changed.

HKEY_CURRENT_USER\SOFTWARE\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION

I put in 11001. Now everything rendered perfectly in a GUI. Once again, thank you Danp2!!

RC1 · March 9, 2018

OneSolution I'm curious how your GUI for TeamXpress is working? ...is there anyway to share in this forum here?

Unable to open this type of website in a GUI!

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Recently Browsing 0 members