We are in the process of starting over. This means that the entire board at phpbbmodders.net has been set to read-only. All phpBB 2.x and 3.0.x content should be visible but read-only. Private messaging has been disabled for registered users. Registrations will be opened in the near future at the new site. A link to the new site is provided below.

- bonelifer, Administrator

1.3.8 JQuery issues

Support for mods released by phpbbmodders.net found at either https://github.com/phpbbmodders/ or the MODDB at http://www.phpbb.com
Forum rules
Please only request support for mods released by phpbbmodders.net found at either https://github.com/phpbbmodders/ or the MODDB at http://www.phpbb.com
antonjw
New member
New member
Posts: 16
Joined: 17 Oct 2013, 21:13

1.3.8 JQuery issues

Post by antonjw »

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?
Neculai Anișor
Supporter
Supporter
Posts: 150
Joined: 11 Jan 2013, 17:01
Location: Liverpool, UK

Re: 1.3.8 JQuery issues

Post by Neculai Anișor »

Link to your forum please?
antonjw
New member
New member
Posts: 16
Joined: 17 Oct 2013, 21:13

Re: 1.3.8 JQuery issues

Post by antonjw »

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.
Neculai Anișor
Supporter
Supporter
Posts: 150
Joined: 11 Jan 2013, 17:01
Location: Liverpool, UK

Re: 1.3.8 JQuery issues

Post by Neculai Anișor »

Post your overall_header.html here.
antonjw
New member
New member
Posts: 16
Joined: 17 Oct 2013, 21:13

Re: 1.3.8 JQuery issues

Post by antonjw »

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} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- 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}&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(/&/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]','
','
  • ','
','
  • ','
','[img]','[/img]','','','[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"> </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>↓↓↓</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>‹</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 -->
[/code]
User avatar
RMcGirr83
Past Contributor
Past Contributor
Posts: 6242
Joined: 30 Nov 2006, 14:23
Real name: Rich McGirr

Re: 1.3.8 JQuery issues

Post by RMcGirr83 »

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
New member
New member
Posts: 16
Joined: 17 Oct 2013, 21:13

Re: 1.3.8 JQuery issues

Post by antonjw »

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.
User avatar
RMcGirr83
Past Contributor
Past Contributor
Posts: 6242
Joined: 30 Nov 2006, 14:23
Real name: Rich McGirr

Re: 1.3.8 JQuery issues

Post by RMcGirr83 »

According to this post http://www.rmcgirr83.org/viewtopic.php?p=28091#p28091 there is no jquery cookie code in your overall_header.
antonjw
New member
New member
Posts: 16
Joined: 17 Oct 2013, 21:13

Re: 1.3.8 JQuery issues

Post by antonjw »

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
New member
New member
Posts: 35
Joined: 19 Oct 2011, 15:24

Re: 1.3.8 JQuery issues

Post by Theriddler »

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>
Moderator @phpbbservice.nl | Supporter @phpbb.nl

Yesterday is history, Today is a gift, Tomorrow is a mystery !

Who is online

Users browsing this forum: CommonCrawl [Bot], Majestic-12 [Bot] and 1 guest