MyBB Community Forums

Full Version: Javascript interfering
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Ages since I last opened a thread here, I feel like a complete n00b now, however I have an issue that several people seem to not be able to help me with.

I am interigating my sites header into my forum header. Now my site head has a nice dropdown menu. What I do is replace the header template with this.

    

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

        <script type="text/javascript" 

src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript" src="js/ddsmoothmenu.js"></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"]
        })
        
        </script>
        <div id="body1">
        <div id="header_repeat1">
            <div id="smoothmenu1" class="ddsmoothmenu">
                <ul>
                    <li><a href="http://shockinghost.com/">SHOCKINGHOST</a><div 

style="height:8px;"></div>
                        <ul>
                            <li><a 

href="http://shockinghost.com/testimonals">Testimonals</a></li>
                            <li><a href="http://shockinghost.com/staff">About 

Our Staff</a></li>
                            <li><a href="http://shockinghost.com/tos">Terms of 

Service</a></li>
                                                        <li><a href="http://shockinghost.com/why">Why Us</a></li>
                                                        <li><a href="http://shockinghost.com/clients/serverstatus.php">Server Status</a></li>
                                                        <li><a href="http://shockinghost.com/clients">Clients Area</a></li>
                            <li><a href="/">Forums</a></li>
                                                </ul>
                    </li>

                    <li><a href="http://shockinghost.com/shared">SHARED 

HOSTING</a><div style="height:8px;"></div>
                        <ul>
                            <li><a 

href="http://shockinghost.com/shared">Plans</a></li>
                            <li><a href="http://shockinghost.com/tos">Terms of 

Service</a></li>
                            <li><a 

href="http://shockinghost.com/sfeatures">Features</a></li>
                        </ul>
                    </li>

                    <li><a href="http://shockinghost.com/reseller">RESELLER 

HOSTING</a><div style="height:8px;"></div>
                        <ul>
                            <li><a 

href="http://shockinghost.com/reseller">Plans</a></li>
                            <li><a href="http://shockinghost.com/tos">Terms of 

Service</a></li>
                            <li><a 

href="http://shockinghost.com/rfeatures">Features</a></li>
                        </ul>
                    </li>

                    <li><a href="http://shockinghost.com/support">SUPPORT</a><div 

style="height:8px;"></div>
                        <ul>
                            <li><a 

href="http://shockinghost.com/support">Support Overview</a></li>
                            <li><a 

href="http://shockinghost.com/clients/knowledgebase.php">Knowledgebase</a></li>
                            <li><a 

href="http://shockinghost.com/clients/submitticket.php">Tickets</a></li>
                            <li><a 

href="http://shockinghost.com/clients/networkissues.php">Network Issues</a></li>
                        </ul>
                    </li>
                </ul>
                <br style="clear: left" />
            </div>
            <div id="header1">
                <div id="logo1"></div>

                <form method="post" name="client_login" 

action="http://shockinghost.com/clients/dologin.php?goto=clientarea">
                    <div id="client_login">
                        <div align="left">
                        <strong>Client Login:</strong>
</div>
                        <div class="input">
                            <input type="text" name="username" 

value="[email protected]"/>
                        </div>

                        <div class="input">
                            <input type="password" name="password" 

value="password"/>
                        </div>

                        <div align="right">
                                                <input type="submit" value="Submit"/>
                        </div>
                    </div>
                </form>
            </div>
        </div>
</div>
<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div class="menu">
                <ul>
                    <li>Forum Links:</li>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme

['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img 

src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php"><img 

src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img 

src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
                </ul>
            </div>
            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$pm_notice}
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            {$pending_joinrequests}
            <navigation>
            <br /> 
Now when I add that code, the formatting toolbar (The thing that has all the mycodes when making a new post/thread) disappears. I have narrowed down to the exact part which is causing the issue and its:
<script type="text/javascript" 

src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
With that code there, the menus drop down however there is no formatting bar, without that code there is a formatting bar but no drop down menus

If someone could help it would be fantastic.
Shouldn't the
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
Be on the same line?

Also did you upload the css to mybb_root/css/
Also
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>
Unless you made a folder called /js/ in your Mybb_root and uploaded the js to that folder, If not change it to
<script type="text/javascript" src="jscripts/ddsmoothmenu.js"></script>
and upload ddsmoothmenu.js to the folder, since it's already in mybb.

If you did all that, Then i have no clue.
(2010-08-28, 10:30 PM)Alex597 Wrote: [ -> ]Shouldn't the
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
Be on the same line?

Also did you upload the css to mybb_root/css/
Also
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>
Unless you made a folder called /js/ in your Mybb_root and uploaded the js to that folder, If not change it to
<script type="text/javascript" src="jscripts/ddsmoothmenu.js"></script>
and upload ddsmoothmenu.js to the folder, since it's already in mybb.

If you did all that, Then i have no clue.

Yes, the 2 folders are there with the content inside, and adding to code to the same line as the rest has no effect.

Thanks anyways.


        <script type="text/javascript">
jQuery.noConflict();
        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"]
        })
        
        </script>

This should work...
Thank you very much Darkly it worked fine.

+1 rep Smile