MyBB Community Forums

Full Version: Shoutbox not loading
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3
http://www.profifaleagues.net/portal.php

Username: Tester
Password: 123456

For some reason since i added a dynamic drive drop down menu my shoutbox will not load. Its a spicefuse shoutbox and i dont know what to do :| The official spicefuse website is dead and i know this is definately an issue with the Drop down menu affecting the shoutbox. To view my shoutbox you must login.

This is the code that is causing the issue

<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="{$mybb->settings['bburl']}/portal.php">Home</a>
</li>
<li><a href="">Community</a>
  <ul>
  <li><a href="{$mybb->settings['bburl']}/index.php">Forums</a></li>
  <li><a href="{$mybb->settings['bburl']}/usercp.php">User CP</a></li>
  <li><a href="{$mybb->settings['bburl']}/memberlist.php">Members</a></li>
  <li><a href="{$mybb->settings['bburl']}/online.php">Who's Online?</a></li>
  </ul>
</li>
<li><a href="http://www.profifaleagues.net/showteam.php">Staff Team</a>
</li>
<li><a href="">League Tables</a>
  <ul>
  <li><a href="{$mybb->settings['bburl']}/pages/premiership/">Premiership</a></li>
  </ul>
</li>
</li>
<li><a href="">Fixtures</a>
</li>
<li><a href="">Media</a>
  <ul>
  <li><a href="{$mybb->settings['bburl']}/forumdisplay.php?fid=21">Articles</a></li>
  </ul>
</li>
<li><a href="{$mybb->settings['bburl']}/pages/Rules/">Site Rules</a>
</li>
<li><a href="">Support</a>
  <ul>
  <li><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>
  <li><a href="{$mybb->settings['bburl']}/showthread.php?tid=36&pid=63#pid63">New User Guide</a></li>
  <li><a href="{$mybb->settings['bburl']}/contact-us.php">Contact us</a></li>
  </ul>
</li>
</li>
<li><a href="{$mybb->settings['bburl']}/search.php">Search</a>
</li>
</li>
<li><a href="{$mybb->settings['bburl']}/subscribe.php"><span style="color: gold;">Gold members</span></a>
</li>
<br style="clear: left" />
</div>

It's something in that above code cutting the shoutbox off. Heres the code when in use.

{$disablercg}<div id="container">
		<a name="top" id="top"></a>
		<div id="header">
<div class="logo"><img src="http://www.profifaleagues.net/images/logo.png" border="0" align="left" title="ProFifaLeagues - FIFA 10 Community" alt="ProFifaLeagues Logo" /></a></div><div id="useravatar">
<img src="{$mybb->user['avatar']}" width="150px" height="300px" title="My Avatar" alt="Xbox Live Avatar" />
</div>
<div id="userinfo"><br clear="left" />
			<div class="menu">
			</div>
<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
<li><a href="{$mybb->settings['bburl']}/portal.php">Home</a>
</li>
<li><a href="">Community</a>
  <ul>
  <li><a href="{$mybb->settings['bburl']}/index.php">Forums</a></li>
  <li><a href="{$mybb->settings['bburl']}/usercp.php">User CP</a></li>
  <li><a href="{$mybb->settings['bburl']}/memberlist.php">Members</a></li>
  <li><a href="{$mybb->settings['bburl']}/online.php">Who's Online?</a></li>
  </ul>
</li>
<li><a href="http://www.profifaleagues.net/showteam.php">Staff Team</a>
</li>
<li><a href="">League Tables</a>
  <ul>
  <li><a href="{$mybb->settings['bburl']}/pages/premiership/">Premiership</a></li>
  </ul>
</li>
</li>
<li><a href="">Fixtures</a>
</li>
<li><a href="">Media</a>
  <ul>
  <li><a href="{$mybb->settings['bburl']}/forumdisplay.php?fid=21">Articles</a></li>
  </ul>
</li>
<li><a href="{$mybb->settings['bburl']}/pages/Rules/">Site Rules</a>
</li>
<li><a href="">Support</a>
  <ul>
  <li><a href="{$mybb->settings['bburl']}/misc.php?action=help">Help</a></li>
  <li><a href="{$mybb->settings['bburl']}/showthread.php?tid=36&pid=63#pid63">New User Guide</a></li>
  <li><a href="{$mybb->settings['bburl']}/contact-us.php">Contact us</a></li>
  </ul>
</li>
</li>
<li><a href="{$mybb->settings['bburl']}/search.php">Search</a>
</li>
</li>
<li><a href="{$mybb->settings['bburl']}/subscribe.php"><span style="color: gold;">Gold members</span></a>
</li>
<br style="clear: left" />
</div>
			<hr class="hidden" />
			<div id="panel">
				{$welcomeblock}
			</div>
		</div>
		<hr class="hidden" />
		<br class="clear" />
		<div id="content">
			{$pm_notice}
			{$bannedwarning}
			{$bbclosedwarning}
			{$unreadreports}
			<navigation>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<link rel="stylesheet" type="text/css" href="ddsmoothmenu.css" />
<link rel="stylesheet" type="text/css" href="ddsmoothmenu-v.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "smoothmenu1", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

ddsmoothmenu.init({
	mainmenuid: "smoothmenu2", //Menu DIV id
	orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
	//customtheme: ["#804000", "#482400"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>
			<br /> 

I personally believe its something to do with this part of the code.

<div id="smoothmenu1" class="ddsmoothmenu">
<ul>
Still stuck with this and no closer to solving it :|. Any help please Sad?
If you have put the js like the tutorial, you don't need to put the js twice. Try to remove this code from your header template:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<link rel="stylesheet" type="text/css" href="ddsmoothmenu.css" />
<link rel="stylesheet" type="text/css" href="ddsmoothmenu-v.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "smoothmenu1", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

ddsmoothmenu.init({
	mainmenuid: "smoothmenu2", //Menu DIV id
	orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
	//customtheme: ["#804000", "#482400"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>
Ok i removed the code both the menu and shoutbox work but the header is no displaying the dropdown. Here take a look http://www.profifaleagues.net/index.php.

Community should have an arrow next to it and 4 sub sections.
You don't have jquery 1.3.2 file in your jscripts folder. Did you uploaded that?
Just uploaded it into my Jscripts folder and still the DD menus dont drop
What is the file name?
(2009-12-18, 03:51 PM)RateU Wrote: [ -> ]What is the file name?

jquery-1.3.2.js
Then, try to rename the jquery file name in your headerinclude from jquery-1.3.2.min.js into jquery-1.3.2.js.
Done still nothing. :|
Pages: 1 2 3