jsconnect does'nt work with Internet Explorer ?

UltimateTNT · July 2016

I implemented jsconnect 1.5.3 in Vanilla 2.2.1with Vanilla jsConnect PlugIn and everything works fine with Firefox (45) and Chrome (51). With Internet Explorer (all versions), the linked site account does not appear under the "Or you can ...".
Any idea please?
jsConnect does'nt work with https ?
Thank you in advanced.

vrijvlinder · July 2016

Not sure anyone uses Internet Explorer anymore… but you could be blocking js in that browser.

https://vanillaforums.org/discussion/23686/jsconnect-working-for-all-browsers-except-ie

UltimateTNT · July 2016

Uses Internet Explorer is not a personal choice!
JS is not blocking, my original site (used with jsconnect for sign-in in Vanilla) is develop in HTML5/PHP/jQuery/Bootstrap and it works in IE.
The 23686 discussion link is not provided a real solution...
I have error in IE console (after press F12) : SCRIPT1002 in index.php, Line 3 character 5. When i click the link, the cursor is between "lang" and "=" on line 3:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!DOCTYPE html PUBLIC "" ""><HTML class="sticky-footer-html" lang="fr"><HEAD><META content="IE=10.000" http-equiv="X-UA-Compatible">
???

vrijvlinder · July 2016

The doc type is wrong. This is what it is supposed to look like

<!DOCTYPE html>
<html lang="en" class="sticky-footer-html">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    {asset name='Head'}

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

This is found in the default.master.tpl of the Boostrap theme.

UltimateTNT · August 2016

Thank you for the response but this is what i have in my default.master.tpl.
The 3 lines of code that i pasted in previous post is a copy of the code in "Script" tab of F12 debug window in Internet Explorer.
I don't know why IE has added the first DOCTYPE and modified the second DOCTYPE.

The IE Error seems to be in line 3 char 5 !

vrijvlinder · August 2016

@UltimateTNT said:
Thank you for the response but this is what i have in my default.master.tpl.
The 3 lines of code that i pasted in previous post is a copy of the code in "Script" tab of F12 debug window in Internet Explorer.
I don't know why IE has added the first DOCTYPE and modified the second DOCTYPE.

Please copy the contents of your default.master.tpl here. The picture you posted is of a rendered page not the what is in the template.

UltimateTNT · August 2016

Ok if you want:

<!DOCTYPE html>
<html lang="{$CurrentLocale.Lang}" class="sticky-footer-html">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    {asset name="Head"}
  </head>
  <body id="{$BodyID}" class="{$BodyClass} sticky-footer-body">
    <nav class="navbar navbar-default navbar-static-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">{t c="Toggle navigation"}</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="{link path="home"}">{logo}</a>
        </div>

        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            {categories_link}
            {discussions_link}
            {activity_link}
            {custom_menu}
          </ul>
          {if $User.SignedIn}
            <ul class="nav navbar-nav navbar-right hidden-xs">
              {module name="MeModule"}
            </ul>
            <ul class="nav navbar-nav navbar-right visible-xs">
              {profile_link}
              {inbox_link}
              {bookmarks_link}
              {dashboard_link}
              {signinout_link}
            </ul>
          {else}
            <ul class="nav navbar-nav navbar-right">
              {signin_link}
            </ul>
          {/if}
        </div>
      </div>
    </nav>

    <section class="container">
      <div class="row">
        <main class="page-content" role="main">
          {breadcrumbs}
          {if InSection(array("CategoryList", "CategoryDiscussionList", "DiscussionList"))}
            <div class="well search-form">{searchbox}</div>
          {/if}
          {asset name="Content"}
        </main>

        <aside class="page-sidebar" role="complementary">
          {asset name="Panel"}
        </aside>
      </div>
    </section>

    <footer class="page-footer sticky-footer">
      <div class="container">
        <div class="clearfix">
          <p class="pull-left">{t c="Copyright"} &copy; {$smarty.now|date_format:"%Y"} <a href="{link path="home"}">{logo}</a></p>
          <p class="pull-right hidden-xs">{t c="Built with"} <i class="InformSprite Heart"></i> {t c="and"} <a href="http://getbootstrap.com">Bootstrap</a>. {t c="Powered by"} <a href="{vanillaurl}">Vanilla Forums</a>
            <!-- A lot of time was put into this project - a "Follow" and a "Star" would be most appreciated! -->
            <iframe src="https://ghbtns.com/github-btn.html?user=kasperisager&type=follow" allowtransparency="true" frameborder="0" scrolling="0" width="145" height="20" style="vertical-align:top;margin-left:20px;"></iframe>
            <iframe src="https://ghbtns.com/github-btn.html?user=kasperisager&repo=vanilla-bootstrap&type=star&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="85" height="20" style="vertical-align:top;"></iframe>
          </p>
        </div>
        {asset name="Foot"}
      </div>
    </footer>

    {event name="AfterBody"}
  </body>
</html>

UltimateTNT · August 2016

It works fine with Firefox (45) and Chrome (51)! Only IE (as usual).

vrijvlinder · August 2016

Ok, try replacing

this

<!DOCTYPE html>

to this 

<!DOCTYPE html SYSTEM "about:legacy-compat">

Doing this is discouraged by the www consortium … but it might solve your problem.

UltimateTNT · August 2016

Thank you but there is no change after added SYSTEM "about:legacy-compat" in DOCTYPE.

UltimateTNT · September 2016

Nobody has ideas?

UltimateTNT · November 2016

No solution ?

R_J · November 2016

If some JavaScript is not working, it almost always shows errors on the JavaScript console. You have reported there is one, but this is no Vanilla specific problem.

I see 2 DOCTYPE lines which is wrong. Maybe IE is not as forgiving as those other browsers.

Also there is this strange line break in line 3. I do not know if IE needs to have a html tag in one line or if it wouldn't replace a line break with a space and as such maybe sees <HTML class="sticky-footer-html"lang="fr"> which it couldn't handle?

All this is just wild guessing. By the way: the default.master.tpl that you have posted doesn't belong to the html that is generated.

It would help if you could a) give a link to your forum and maybe b) show the default.master.tpl that is actually used.

jsconnect does'nt work with Internet Explorer ?

Answers