Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

jsconnect does'nt work with Internet Explorer ?

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.

Answers

  • vrijvlindervrijvlinder Papillon-Sauvage MVP

    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

  • edited 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">
    ???

  • vrijvlindervrijvlinder Papillon-Sauvage MVP

    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.

  • 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 !

  • vrijvlindervrijvlinder Papillon-Sauvage MVP
    edited 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.

  • 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>
    
  • It works fine with Firefox (45) and Chrome (51)! Only IE :( (as usual).

  • vrijvlindervrijvlinder Papillon-Sauvage MVP

    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.

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

  • Nobody has ideas?

  • No solution ?

  • R_JR_J Ex-Fanboy Munich Admin

    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.

Sign In or Register to comment.