1.3.8 JQuery issues

antonjw · Post by **antonjw** » 16 Dec 2014, 20:56

A few issues I have noticed / had reported to me:

1. You can click to open the Smilies box, but you can't close it again
2. You can click to open the BBCodes box, but you can't close it again
3. You can click to open the 'Who Is Logged In' list, but it closes itself again on the next refresh

I noticed that 1 & 2 are not issues on your own install of mChat Rich - any idea what might be wrong on ours?

Post by **Neculai Anișor** » 16 Dec 2014, 20:57

Link to your forum please?

antonjw · Post by **antonjw** » 16 Dec 2014, 21:07

ahh, chat is not open to guests, and we're in the middle of a Chat Room event right now. Will open it to guests in an hour and post the link.

actually I think we do have some JQuery madness going on, i.e. multiple copies potentially being loaded in... JQuery-based site menu, Artodia style, and mChat... but the mChat loads and we can post etc., so for now I had presumed that that wasn't creating any issues of its own.

but do you think that could be the cause? I'm not sure though why you'd be able to toggle smilies on, for example, but then not toggle them off. but then what do i know?

will post link when we're done with our event.

Post by **Neculai Anișor** » 16 Dec 2014, 21:10

Post your overall_header.html here.

antonjw · Post by **antonjw** » 16 Dec 2014, 23:35

thanks - here you go:

Code: Select all

<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!-- IF S_ENABLE_FEEDS -->
   <!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
   <!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&amp;t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" />

<!--
   phpBB style name:    Artodia Elegance
   Based on style:      prosilver (this is the default phpBB3 style)
   Prosilver author:    Tom Beddard ( http://www.subBlue.com/ )
   Elegance author:     Vjacheslav Trushkin ( http://www.artodia.com/ )
-->

<script type="text/javascript">
// <![CDATA[
   var jump_page = '{LA_JUMP_PAGE}:';
   var on_page = '{ON_PAGE}';
   var per_page = '{PER_PAGE}';
   var base_url = '{A_BASE_URL}';
   var style_cookie = 'phpBBstyle';
   var style_cookie_settings = '{A_COOKIE_SETTINGS}';
   var onload_functions = new Array();
   var onunload_functions = new Array();

   <!-- IF S_USER_PM_POPUP and S_NEW_PM -->
        var url = '{UA_POPUP_PM}';
        window.open(url.replace(/&amp;/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
   <!-- ENDIF -->

   /**
   * Find a member
   */
   function find_username(url)
   {
      popup(url, 760, 570, '_usersearch');
      return false;
   }

   /**
   * New function for handling multiple calls to window.onload and window.unload by pentapenguin
   */
   window.onload = function()
   {
      for (var i = 0; i < onload_functions.length; i++)
      {
         eval(onload_functions[i]);
      }
   };

   window.onunload = function()
   {
      for (var i = 0; i < onunload_functions.length; i++)
      {
         eval(onunload_functions[i]);
      }
   };
   
   /*
       Style specific stuff
    */
   var laSearchMini = '{LA_SEARCH_MINI}';
    var imagesetLang = '{T_IMAGESET_LANG_PATH}';
// ]]>
</script>
<!--[if lt IE 9]>
   <script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery-1.10.2.min.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
   <script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery-2.0.3.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8]><script type="text/javascript"> var oldIE = true; </script><![endif]-->
<script type="text/javascript" src="{T_TEMPLATE_PATH}/style.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<!-- IF $S_POSTING_JS -->
<script type="text/javascript">
// <![CDATA[
   onload_functions.push('apply_onkeypress_event()');

   var form_name = 'postform';
   var text_name = <!-- IF $SIG_EDIT -->'signature'<!-- ELSE -->'message'<!-- ENDIF -->;
   var load_draft = false;
   var upload = false;

   // Define the bbCode tags
   var bbcode = new Array();
   var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','[/code]','[list]','[/list]','[list=]','[/list]','[img]','[/img]','[url]','[/url]','[flash=]', '[/flash]','[size=]','[/size]'<!-- BEGIN custom_tags -->, {custom_tags.BBCODE_NAME}<!-- END custom_tags -->);
   var imageTag = false;

   // Helpline messages
   var help_line = {
      b: '{LA_BBCODE_B_HELP}',
      i: '{LA_BBCODE_I_HELP}',
      u: '{LA_BBCODE_U_HELP}',
      q: '{LA_BBCODE_Q_HELP}',
      c: '{LA_BBCODE_C_HELP}',
      l: '{LA_BBCODE_L_HELP}',
      o: '{LA_BBCODE_O_HELP}',
      p: '{LA_BBCODE_P_HELP}',
      w: '{LA_BBCODE_W_HELP}',
      a: '{LA_BBCODE_A_HELP}',
      s: '{LA_BBCODE_S_HELP}',
      f: '{LA_BBCODE_F_HELP}',
      y: '{LA_BBCODE_Y_HELP}',
      d: '{LA_BBCODE_D_HELP}'
      <!-- BEGIN custom_tags -->
         ,cb_{custom_tags.BBCODE_ID}: '{custom_tags.A_BBCODE_HELPLINE}'
      <!-- END custom_tags -->
   }

   var panels = new Array('options-panel', 'attach-panel', 'poll-panel');
   var show_panel = 'options-panel';

    function change_palette()
    {
        dE('colour_palette');
        e = document.getElementById('colour_palette');
        
        if (e.style.display == 'block')
        {
            document.getElementById('bbpalette').value = '{LA_FONT_COLOR_HIDE}';
        }
        else
        {
            document.getElementById('bbpalette').value = '{LA_FONT_COLOR}';
        }
    }
   onload_functions.push('colorPalette(\'h\', 15, 10);');

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>
<!-- ENDIF -->

   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   
   <link rel="stylesheet" href="/site/menu/css/menustyles.css" type="text/css" media="screen">
   <link rel="stylesheet" href="/site/css/header.css">
   
   <script src="/site/menu/js/jquery.js"></script><!-- jQuery -->
   <script src="/site/menu/js/mgmenu_plugins.js"></script><!-- Mega Menu Plugins -->
   <script src="/site/menu/js/mgmenu.js"></script><!-- Mega Menu Script -->
   <script src="/site/menu/js/mgmenu_start.js"></script><!-- Mega Menu Script -->
</head>


<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">



<!-- Menu *block* begins here -->
<div class="stags_menu">

    <div id="mgmenu1" class="mgmenu_container"><!-- Begin Mega Menu Container -->

        
        <ul class="mgmenu"><!-- Begin Mega Menu -->
               

            <li class="mgmenu_button">Menu</li><!-- Button (Mobile Devices) -->



         <!-- Home link -->
            <!--<li><a href="http://www.stagsnet.net"><i class="mini_icon ic_power"></i>Home</a></li>-->

            
            <!-- Forum Link -->
            <li class="left"><a href="/phpBB3/index.php"><i class="mini_icon ic_chats"></i>Forum</a></li>
            
            
            <!-- News Fly-Out Menu -->              
            <li><span><i class="mini_icon ic_text_document"></i>News</span><!-- Begin Item -->
            
                <div class="dropdown_2columns dropdown_container"><!-- Begin Item Container -->
                
                    <ul class="dropdown_flyout">
                    
                        <li class="flyout_heading">Stagsnet News</li>

                        <li><a href="/news/stagsnews.php">Latest</a></li>
                        <li class="last"><a href="/news/stagsnews.php?Archive=True">Archive</a></li>
                        
                    </ul> 

                </div><!-- End Item Container -->
            
            </li><!-- End Item -->

            
            
            <!-- Match Centre Fly-Out Menu -->              
            <li><span><i class="mini_icon ic_time"></i>Match Centre</span><!-- Begin Item -->
            
                <div class="dropdown_2columns dropdown_container"><!-- Begin Item Container -->
                
                    <ul class="dropdown_flyout">
                    
                        <li class="flyout_heading">The Match Centre</li>
                        
                        
                        <li><a href="/match/reports/stagsreports.php">Match Reports</a></li>
                        <li><a href="/match/Fixtures.html">Fixtures</a></li>
                        <li><a href="/match/Table.html">League Table</a></li>
                        <li class="last"><a href="/phpBB3/mchat.php#mChat">Match Chat</a></li>
                        
                    </ul>                       

                </div><!-- End Item Container -->
            
            </li><!-- End Item -->
            
            
            
            <!-- Vintage Stags Fly-Out Menu -->              
            <li><span><i class="mini_icon ic_favorite"></i>Vintage Stags</span><!-- Begin Item -->
            
                <div class="dropdown_2columns dropdown_container"><!-- Begin Item Container -->
                
                    <ul class="dropdown_flyout">
                    
                        <li class="flyout_heading">Vintage Stags</li>

                        <li><a href="/vintage/history/History.html">History of MTFC</a></li>
                        <li><a href="/vintage/video/video.html">Vintage Video</a></li>
                        <li><a href="/vintage/reports/reports.html">Old Reports</a></li>
                        <li><a href="/vintage/teampics/teampics.html">Team Pics</a></li>
                        <li class="last"><a href="/vintage/records/records01.html">Club Records</a></li>
                        
                    </ul>                       

                </div><!-- End Item Container -->
                
            </li><!-- End Item -->
            
            
            <!-- Field Mill Fly-Out Menu -->              
            <li><span><i class="mini_icon ic_pin"></i>Field Mill</span><!-- Begin Item -->
            
                <div class="dropdown_2columns dropdown_container"><!-- Begin Item Container -->

                    <ul class="dropdown_flyout">
                    
                        <li class="flyout_heading">One Call Stadium</li>

                        <li><a href="/fm/directions/directions.html">Directions</a></li>
                        <li><a href="/fm/images/Images.html">Images</a></li>
                        <li><a href="/fm/stats/Stats.html">Statistics</a></li>
                        <li class="last"><a href="/fm/history/History.html">History</a></li>
                        
                    </ul>                       

                </div><!-- End Item Container -->
            
            </li><!-- End Item -->
            
              
              
            <!-- Miscellaneous Fly-Out Menu -->              
            <li class="right"><span><i class="mini_icon right ic_bookmark"></i>Misc.</span><!-- Begin Item -->
            
                <div class="dropdown_2columns dropdown_container"><!-- Begin Item Container -->

                    <ul class="dropdown_flyout">
                    
                        <li class="flyout_heading">Miscellaneous</li>

                        <li><a href="/ftybr_main.htm">FTYBR</a></li>
                        <li><a href="/interactive/downloads/downloads.html">Downloads</a></li>
                        <li><a href="/interactive/links/links.html">Links</a></li>
                        
                    </ul>                       

                </div><!-- End Item Container -->
            
            </li><!-- End Item -->

            


        </ul><!-- End Mega Menu -->



    </div><!-- End Mega Menu Container -->


    <!-- MEGAMENU ENDS HERE -->


</div>
<!-- the Menu *block* ends here -->




<!-- default site header not required for stagsnet 
<div id="header">
    <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
    <h1>{SITENAME}</h1>
    <p>{SITE_DESCRIPTION}</p>
</div>
-->

<!-- 2014 Stagsnet Header -->
<div class="stags_header">
   <div class="header_main">
      <div class="main_left"><a href="http://www.stagsnet.net" id="site_logo"></a></div>
      <div class="header_title">{ the forum }</div>
      <div class="main_right">&nbsp;</div>
   </div>

   <div class="textbar"><span>An independent supporters' website dedicated to Mansfield Town FC</span></div>
   <div class="borderbar"></div>
</div>
<!-- 2014 Stagsnet Header ends -->




<div id="page-header" class="container-block">
    <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
        <div id="search-box">
            <form action="{U_SEARCH}" method="get" id="search">
                <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" />
                {S_SEARCH_HIDDEN_FIELDS}
            </form>
        </div>
    <!-- ENDIF -->

    <div id="nav-header" class="responsive-menu-nojs">
      <div class="responsive-menu" style="display:none;">
         <!-- IF L_MENU --><a href="javascriptvoid(0);"><span></span>{L_MENU}</a><!-- ELSE --><a href="javascriptvoid(0);" class="arrow"><span></span>&darr;&darr;&darr;</a><!-- ENDIF -->
      </div>
      <div class="menu-buttons">
        <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
            <a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e"><span></span>{L_PROFILE}</a> 
            <!-- IF S_DISPLAY_PM -->
                <a href="{U_PRIVATEMSGS}"<!-- IF S_USER_NEW_PRIVMSG --> class="new"<!-- ENDIF -->><span></span>{PRIVATE_MESSAGE_INFO}</a> 
            <!-- ENDIF -->
            
           <!-- ******** mChat Modifcation ******** -->
           <!-- IF S_MCHAT_ENABLE and U_MCHAT -->
                 <a href="{U_MCHAT}#mChat" title="{L_MCHAT_TITLE}"><span></span>{L_MCHAT_TITLE}</a>
           <!-- ENDIF -->
           <!-- ******** mChat Modifcation Ends ******** -->
            
            <!-- IF S_DISPLAY_SEARCH -->
                <a href="{U_SEARCH}" title="{L_SEARCH}"><span></span>{L_SEARCH}</a> 
            <!-- ENDIF -->
            <!-- IF U_RESTORE_PERMISSIONS -->
                <a href="{U_RESTORE_PERMISSIONS}"><span></span>{L_RESTORE_PERMISSIONS}</a> 
            <!-- ENDIF -->
        <!-- ENDIF -->
        <!-- IF not S_USER_LOGGED_IN -->
            <a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"><span></span>{L_FAQ}</a> 
        <!-- ENDIF -->
        <!-- IF not S_IS_BOT -->
            <!-- IF S_DISPLAY_MEMBERLIST --><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}"><span></span>{L_MEMBERLIST}</a> <!-- ENDIF -->
            <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><a href="{U_REGISTER}"><span></span>{L_REGISTER}</a> <!-- ENDIF -->
             <a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x"><span></span>{L_LOGIN_LOGOUT}</a> 
        <!-- ENDIF -->
           <a href="javascriptvoid(0);" class="responsive-menu-hide" style="display:none;"><span></span>X</a>
      </div>
    </div>
</div>

<div id="page-body" class="container-block">

    <div class="nav-extra">
        <!-- IF U_EMAIL_TOPIC --><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}">{L_EMAIL_TOPIC}</a><!-- ENDIF -->
        <!-- IF U_EMAIL_PM --><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}">{L_EMAIL_PM}</a><!-- ENDIF -->
        <!-- IF U_PRINT_TOPIC --><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p">{L_PRINT_TOPIC}</a><!-- ENDIF -->
        <!-- IF U_PRINT_PM --><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p">{L_PRINT_PM}</a><!-- ENDIF -->
    </div>
    <div class="nav-links">
        <a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks -->
    </div>

      <!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
      <div id="information" class="rules">
         <div class="inner"><span class="corners-top"><span></span></span>
            <strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
         <span class="corners-bottom"><span></span></span></div>
      </div>
      <!-- ENDIF -->

Post by **RMcGirr83** » 17 Dec 2014, 02:06

You are missing the mchat edits to that overall_header and you are already including two version of jQuery on every page load from what I can see. The reason the smilies etc aren't working is due to missing the jquery cookie stuff in your overall_header file.

antonjw · Post by **antonjw** » 17 Dec 2014, 02:40

Just checked my Elegance Dark style header, and I do have the cookie js - but still unable to toggle off the Smileys & BBCodes boxes.

But still loading two different versions of JQuery on that style, too - so I'll sort that out, and hopefully that sorts it.

Post by **RMcGirr83** » 17 Dec 2014, 10:18

According to this post http://www.rmcgirr83.org/viewtopic.php?p=28091#p28091 there is no jquery cookie code in your overall_header.

antonjw · Post by **antonjw** » 17 Dec 2014, 16:22

RMcGirr83 wrote:According to this post http://www.rmcgirr83.org/viewtopic.php?p=28091#p28091 there is no jquery cookie code in your overall_header.

Yep - correct, that's a copy of our Elegance Style.

We also run Elegance Black, which I checked and does have the cookie reference, but still suffers the same untoggle issue. But I haven't yet resolved the duplicate JQuery calls, anyhow.

Theriddler · Post by **Theriddler** » 18 Dec 2014, 16:21

Looking at your code at: http://www.stagsnet.net/phpBB3/index.php

within overall_header.html there are two different Jquery library code loaded. (you need only one)

Code: Select all

<script type="text/javascript" src="./styles/art_elegance_stagsnet_light/template/jquery-2.0.3.min.js"></script>

and:

Code: Select all

<script src="/site/menu/js/jquery.js"></script><!-- jQuery -->

Also you're missing jquery.cookie.js on overall_header.html like rich said

eg.

Code: Select all

<script type="text/javascript" src="{ROOT_PATH}mchat/jquery.cookie.js"></script>

phpBBModders.net

1.3.8 JQuery issues

1.3.8 JQuery issues

Re: 1.3.8 JQuery issues

Re: 1.3.8 JQuery issues

Re: 1.3.8 JQuery issues

Re: 1.3.8 JQuery issues

Re: 1.3.8 JQuery issues

Re: 1.3.8 JQuery issues

Re: 1.3.8 JQuery issues

Re: 1.3.8 JQuery issues

Re: 1.3.8 JQuery issues