Jump to content

LiveHelp Integration & Jquery


Recommended Posts

Hi All,

 

Perhaps some one else is having this issue. using the LiveHelp from StarDevelop.

Basically if your using a different script library to jquery you may find that the live help links don't work as they should. this is because there is a conflict between the library's.

 

Now you would have thought that Star develop or WHMCS had this figured out (keep reading they do!) but it appears that its not mentioned anywhere!

 

Initially looking through all the docs and posts related to live help there was no mention of how to resolve the conflict. Even checking on the Star develop site there was no mention. So it was a case of replacing the jquery sign to another so the conflict didn't take place. a daunting task as there where so many instances.

 

BUT wait up, just by chance i notice a Jquery no conflict file in the live help files...Star Develop had no docs, posts or even the support didn't know about the Jquery no conflict js file!

 

Brilliant, So any pages that use a different library to jquery, just use the jquery.livehelp.noconflict.js file on that page. Jobs a gud un :)

 

I mentioned this to Star develop whilst getting help for this issue and stated that this should be located in there docs or forum, and indeed they have now entered it!

 

Hope this helps someone.:D

Link to comment
Share on other sites

 

 

Hi John,

 

OK, no problem, when i was installing it over a month ago that bit wasnt there (or perhaps i missed it!) ..just got round to posting this thread and didnt re-check the doc! . Just in case some else misses it eh 8)

Link to comment
Share on other sites

  • 6 months later...
  • 11 months later...
  • 2 months later...

HELP: I am trying (unsuccessfully) at installing Liquid Slider and Visual Lightbox to work with my WHMCS. I assume there's a conflict between WHMCS's jquery library and the ones for the other two, but I don't think I'm applying the recommended "jQuery no conflict" code properly. Can you look at this code, and tell me what I'm doing wrong?

https://docs.google.com/document/d/1Ato6oyFwglgkHhjWrMeukgDXTnGkr7kAyEqj6JX-PDw/edit?usp=sharing

Link to comment
Share on other sites

I think I'm having a similar issue, but the usual {literal} and "jquery.noconflict" tags didn't help...

 

I'm trying to integrate Visual Lightbox and Liquid Slider into my WHMCS, and though I can get Visual Lightbox working, the Slider doesn't want to cooperate.

 

Code:
<!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"><head>
     <title>{if $kbarticle.title}{$kbarticle.title} - {/if}{$pagetitle} - {$companyname}</title>
       <meta charset="utf-8" />
       <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" />
       <meta http-equiv="content-type" content="text/html; charset={$charset}" />

<!--Check System URL -->
       {if $systemurl}
         <base href="{$systemurl}" />
       {/if}

       {if $livehelpjs}
         {$livehelpjs}
       {/if}

       <link href="templates/{$template}/css/bootstrap.css" rel="stylesheet">
       <link href="templates/{$template}/css/whmcs.css" rel="stylesheet">
       <link rel="shortcut icon" type="image/x-icon" href="templates/{$template}/html/img/favicon.ico" />
       <script src="templates/{$template}/js/whmcs.js"></script>  

       {$headoutput}

	  <link href="templates/{$template}/html/css/masterstyle.css" rel="stylesheet" type="text/css" />

<!-- Liquid Slider relies on jQuery and easing effects-->
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="templates/{$template}/html/js/jquery.easing.1.3.js"></script>
<!-- Optional code for enabling touch -->
   <script src="templates/{$template}/html/js/jquery.touchSwipe.min.js"></script>
<!-- This is Liquid Slider code. The full version (not .min) is also included in the js directory -->
   <script src="templates/{$template}/html/js/jquery.liquid-slider.min.js"></script>

<!-- Start Liquid Slider -->
   <script>
   $(function(){
     /* Here is the slider using default settings */
     $('#slider-id').liquidSlider();
           autoSlide: true
		autoSlideControls: false
		hashNames: true
		hashTitleSelector: "h2.title"
		autoSlideStopWhenClicked: true
		autoSlidePauseOnHover: true
		mobileNavDefaultText: 'Menu'
     /* If you want to adjust the settings, you set an option
        as follows:

         $('#slider-id').liquidSlider({
           autoSlide:false,
           autoHeight:false
         });

        Find more options at [url]http://liquidslider.kevinbatdorf.com/[/url]
     */
     /* If you need to access the internal property or methods, use this:

	  var sliderObject = $.data( $('#slider-id')[0], 'liquidSlider');
	  console.log(sliderObject);

     */
  });
  </script>
<!-- End Liquid Slider section -->


<!-- Start VisualLightBox.com HEAD section -->
     <link rel="stylesheet" href="gallerytest_files/vlb_files1/vlightbox1.css" type="text/css" />
     <link rel="stylesheet" href="gallerytest_files/vlb_files1/visuallightbox.css" type="text/css" media="screen" />  
     <script src="gallerytest_files/vlb_engine/visuallightbox.js" type="text/javascript"></script>
<!-- End VisualLightBox.com HEAD section -->

</head>

<body>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated