Inserted JS into _sub_header.html Broke Outline?

ok, mauiactivites3d.com is website with 7.1 installed and my livechat and whmcs are installed on the server in the line below.

when this  inserted code is not there the outline is nice and the chat wont work.

when this inserted code is included as shown below it breaks the outline and shows all images in one column.

furthermore it will also cause the login fields to show up above the top of webpage. Doesnt look good and well I need to know how to allow this js for the chat system to work and not break the dolphin outline feature.  Ideas?   Code below.

 

<bx_include_auto:_header.html />

<!-- INSERTED BEGIN -->

<script src="http://www.webdesignstudio3d.com/whmcs/includes/jscript/jquery.js" type="text/javascript"></script>

<!-- INSERTED END -->

    <bx_injection:banner_left />
    <bx_injection:banner_right />
    __extra_top_menu__
    <div class="sys_main_logo" style="min-width:__main_div_width__;">
        <div class="sys_ml" style="width:__main_div_width__;">
            <div class="sys_ml_wrapper bx-def-padding-sec">
                <bx_injection:injection_logo_before />
               
                  __main_logo__
<!-- stardevelop.com Live Help International Copyright - All Rights Reserved //-->
<!--  BEGIN stardevelop.com Live Help Messenger Code - Copyright - NOT PERMITTED TO MODIFY COPYRIGHT LINE / LINK //-->
<a href="#" class="LiveHelpButton default"><img src="http://webdesignstudio3d.com/whmcs/modules/livehelp/include/status.php?DEPARTMENT=MauiActivities3D Agent Requests" id="LiveHelpStatusDefault" name="LiveHelpStatusDefault" border="0" alt="Live Help" class="LiveHelpStatus"/></a>
<!--  END stardevelop.com Live Help Messenger Code - Copyright - NOT PERMITTED TO MODIFY COPYRIGHT LINE / LINK //-->


                <bx_injection:injection_logo_after />

Quote · 18 Apr 2013

 


<!-- INSERTED BEGIN -->

<script src="http://www.webdesignstudio3d.com/whmcs/includes/jscript/jquery.js" type="text/javascript"></script>

<!-- INSERTED END -->

 

There is one of your problems.

Dolphin already includes jquery. You can't include it a second time. It will cause conflicts.


https://www.deanbassett.com
Quote · 18 Apr 2013

You may also need to place the other section of inserted code between a opening and closing <div> tag so you can add styles to position it. The link it contains will throw off the position of other elements that follow.

https://www.deanbassett.com
Quote · 18 Apr 2013

Glad to see your reply, Tried  this:  If I remove the call to jquery.js   it makes things look good  but the livehelp feature will not function.  It looks like it will work  but when you try click connect, to chat with operator it will simply not proceed.  unless that JS is in place.   haha  Looks or Function so far.   I have tried comenting out the logo and just using the chat online in it's place  but it still breaks the outline feature and probably the site login too  as mentioned above.  I placed the other code in a div and it behaved like a div but still same diaper full.   How can I be sure that the boonex JS is supporting this feature since I am embedding it.    I should probably clarify the whole picture now.   This is in the _sub_header.html


<bx_include_auto:_header.html />


    <bx_injection:banner_left />
    <bx_injection:banner_right />
    __extra_top_menu__
    <div class="sys_main_logo" style="min-width:__main_div_width__;">
        <div class="sys_ml" style="width:__main_div_width__;">
            <div class="sys_ml_wrapper bx-def-padding-sec">
                <bx_injection:injection_logo_before />
               
                  __main_logo__
<!--BEGIN-->

<!-- stardevelop.com Live Help International Copyright - All Rights Reserved //-->
<!--<script src="http://www.webdesignstudio3d.com/whmcs/includes/jscript/jquery.js" type="text/javascript"></script>-->
<!--  BEGIN stardevelop.com Live Help Messenger Code - Copyright - NOT PERMITTED TO MODIFY COPYRIGHT LINE / LINK //-->
<div><a href="#" class="LiveHelpButton default"><img src="http://webdesignstudio3d.com/whmcs/modules/livehelp/include/status.php?DEPARTMENT=MauiActivities3D Agent Requests" id="LiveHelpStatusDefault" name="LiveHelpStatusDefault" alt="Live Help" class="LiveHelpStatus" border="0" /></a></div>
<!--  END stardevelop.com Live Help Messenger Code - Copyright - NOT PERMITTED TO MODIFY COPYRIGHT LINE / LINK //--> <!--END-->



                <bx_injection:injection_logo_after />

            </div>

        </div>
        <bx_injection:banner_top />

    </div>
    <bx_injection:injection_between_logo_top_menu />
    __top_menu__
    <bx_injection:injection_between_top_menu_content />
    <!-- end of top -->

 

AND this is in the _header.html

 

<!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" xml:lang="en-US" lang="en-US">
<head>

    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=__page_charset__" />
    <title>__page_header__</title>
<!-- stardevelop.com Live Help International Copyright - All Rights Reserved //-->
<!--  BEGIN stardevelop.com Live Help Messenger Code - Copyright - NOT PERMITTED TO MODIFY COPYRIGHT LINE / LINK //-->
<script type="text/JavaScript" src="http://webdesignstudio3d.com/whmcs/modules/livehelp/scripts/jquery-latest.js"></script>
<script type="text/javascript">
<!--
    var LiveHelpSettings = {};
    LiveHelpSettings.server = 'webdesignstudio3d.com/whmcs/modules';
    LiveHelpSettings.embedded = true;

    (function(d, $, undefined) {
        $(window).ready(function() {
            var LiveHelp = d.createElement('script'); LiveHelp.type = 'text/javascript'; LiveHelp.async = true;
            LiveHelp.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + LiveHelpSettings.server + '/livehelp/scripts/jquery.livehelp.js';
            var s = d.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(LiveHelp, s);
        });
    })(document, jQuery);
-->
</script>
<!--  END stardevelop.com Live Help Messenger Code - Copyright - NOT PERMITTED TO MODIFY COPYRIGHT LINE / LINK //-->

    <base href="<bx_url_root />" />   
    __page_description__
    __page_keywords__
    <meta http-equiv="Content-Style-Type" content="text/css" />

Tried commenting out the call to JS from this too and when you do, it causes the chat to break.

:)

Quote · 18 Apr 2013

Noticed this in firefox    Timestamp: 4/18/2013 4:51:21 PM
Error: Error: Syntax error, unrecognized expression: #LiveHelpEmailInput, #LiveHelpLoginForm ":input[id=EMAIL]
Source File: http://mauiactivities3d.com/plugins/jquery/jquery.js
Line: 4

Quote · 18 Apr 2013

Simple. You can't use them with dolphin. Looks like they were stupid enough to embed their own custom functions into the jquery.js file. So because they decided to do that it will not be compatible with dolphin because you cannot re-include jquery.

If they coded it properly they would have included their own custom code in a separate js file.

You have no choice but to contact support of the people that made the chat product.



https://www.deanbassett.com
Quote · 19 Apr 2013
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.