Integrating Muse into an existing website

Question

Hi There
i currently use muse to add landing pages to our existing website but i have come across a few problem regarding integration and was wondering if anyone could help. The way i integrate muse into our website is to host all of the files on our server then re-link the html to point to the files. the HTML for the landing pages are actually inserted into a a div tag basically its a website within a website but the html has to be pasted into our cms system for it to work. I have come across a few problems out line below:
The muse code interferes with the main website code and changes all of the menu font etc.
an error message appears saying files are missing etc (if i remove the warning code this disapears but im presuming there is a warning for a reason)
when i remove the error message the light box function disapears
the main website has a drop down feature on the tabs above the muse page but this doesnt respond on the page.
If you could advise on integrating this i would be very grateful. an example of what i mean can be found at http://arco.co.uk/vinnietest and the html code i use is below:
<div style="width:996px; margin:-10px -10px 0 -10px;">
<style>
body
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
text-align: left;
font-size: 14px;
line-height: 17px;
word-wrap: break-word;
text-rendering: optimizeLegibility;/* kerning, primarily */
</style>
  <script type="text/javascript">
   if(typeof Muse == "undefined") window.Muse = {}; window.Muse.assets = {"required":["jquery-1.8.3.min.js", "museutils.js", "jquery.watch.js", "index.css"], "outOfDate":[]};
</script>
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
  <meta name="generator" content="2014.2.1.284"/>
  <title>Home</title>
  <!-- CSS -->
  <link rel="stylesheet" type="text/css" href="103/content/landing_page/vinniestest/css/site_global.css?365011649"/>
  <link rel="stylesheet" type="text/css" href="103/content/landing_page/vinniestest/css/index.css?3932596327" id="pagesheet"/>
  <!-- Other scripts -->
  <script type="text/javascript">
   document.documentElement.className += ' js';
</script>
  <div class="clearfix" id="page"><!-- column -->
   <div class="position_content" id="page_position_content">
    <div class="colelem" id="u193"><!-- custom html -->
<iframe class="actAsDiv" width="996" height="364" src="http://www.youtube.com/embed/UadRp1mU8SM?autoplay=1&loop=1&playlist=UadRp1mU8SM&showinfo=0 &theme=dark&color=red&controls=0&modestbranding=1&start=0&fs=0&iv_load_policy=3&wmode=tran sparent&rel=0" frameborder="0" allowfullscreen></iframe>
</div>
    <div class="clearfix colelem" id="u354-12"><!-- content -->
     <p id="u354-2">Introducing ArcoPro</p>
     <p id="u354-3"> </p>
     <p id="u354-5">To demonstrate our commitment to providing products to the most demanding safety standards we have created ArcoPro. All ArcoPro PPE and hazardwear offer multi&#45;norm protection and satisfy Category III of the European PPE Directive. The ArcoPro range of flame retardant garments has been designed with meticulous detail, using fabrics of the highest quality and technical specification. The range comprises base layers, mid layers and outer layers, which when worn in combination can offer ultimate protection.</p>
     <p id="u354-6"> </p>
     <p id="u354-8">Our Arco design service can provide a bespoke or customer designed garment to meet your specific requirements, we can work with you to remove or add features to our standard garments for example radio loops or pockets.</p>
     <p id="u354-9"> </p>
     <p> </p>
    </div>
    <div class="clearfix colelem" id="u195"><!-- group -->
     <div class="clearfix grpelem" id="u304"><!-- group -->
      <div class="clearfix grpelem" id="u183-7"><!-- content -->
       <p id="u183-2">Layering Garments</p>
       <p> </p>
       <p id="u183-5">We have conducted two sets of tests on our ArcoPro garments both on individual garments and combinations of garments. The test results clearly show the benefits of layering the garments to achieve a higher level of FR protection for the wearer.</p>
      </div>
      <div class="grpelem" id="u186"><!-- custom html -->
<iframe class="actAsDiv" width="595" height="302" src="http://www.youtube.com/embed/qa9jE292kRM?autoplay=0&loop=0&showinfo=0&theme=dark&color=red &controls=1&modestbranding=1&start=0&fs=1&iv_load_policy=3&wmode=transparent&rel=0" frameborder="0" allowfullscreen></iframe>
</div>
     </div>
    </div>
    <div class="clearfix colelem" id="pu318-8"><!-- group -->
     <div class="clearfix grpelem" id="u318-8"><!-- content -->
      <p id="u318-2">Maximise Your Protection</p>
      <p id="u318-3"> </p>
      <p id="u318-5">Use our ArcoPro app to calculate the level of protection offered from different combinations of ArcoPro garments.</p>
      <p> </p>
     </div>
     <div class="clearfix grpelem" id="u320"><!-- group -->
      <div class="clearfix grpelem" id="u321-4"><!-- content -->
       <p>See below to configure your protection</p>
      </div>
     </div>
     <div class="clip_frame grpelem" id="u311"><!-- image -->
      <img class="block" id="u311_img" src="103/content/landing_page/vinniestest/images/macbook.png" alt="" width="415" height="483"/>
     </div>
     <div class="clip_frame grpelem" id="u328" data-mu-ie-matrix="progid:DXImageTransform.Microsoft.Matrix(M11=0,M12=-1,M21=1,M22=0,Sizi ngMethod='auto expand')" data-mu-ie-matrix-dx="0" data-mu-ie-matrix-dy="0"><!-- image -->
      <img class="block" id="u328_img" src="103/content/landing_page/vinniestest/images/arrow.png" alt="" width="41" height="41"/>
     </div>
    </div>
    <div class="colelem" id="u256"><!-- custom html -->
     <iframe src="//stagedbyhowie.co.uk/tpp/" name="myframe" width="997" height="1200" scrolling="no"></iframe>
</div>
    <div class="clearfix colelem" id="pu341"><!-- group -->
     <div class="clip_frame grpelem" id="u341"><!-- image -->
      <img class="block" id="u341_img" src="103/content/landing_page/vinniestest/images/screen%20shot%202014-12-04%20at%20094513 .jpg" alt="" width="996" height="399"/>
     </div>
     <a class="nonblock nontext clearfix grpelem" id="u348" href="http://www.arco.co.uk/textsearch?sd=ArcoPro&fq=brand:ArcoPro&catid=-8690"><!-- group --><div class="clearfix grpelem" id="u349-5"><!-- content --><p id="u349-3"><span id="u349">Buy now from our ArcoPro range</span><span id="u349-2"></span></p></div></a>
     <div class="clip_frame grpelem" id="u350"><!-- image -->
      <img class="block" id="u350_img" src="103/content/landing_page/vinniestest/images/arrow.png" alt="" width="41" height="41"/>
     </div>
    </div>
    <div class="verticalspacer"></div>
   </div>
  </div>
  <!-- JS includes -->
  <script type="text/javascript">
   if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
</script>
  <script type="text/javascript">
   window.jQuery || document.write('\x3Cscript src="103/content/landing_page/vinniestest/scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
</script>
  <script src="103/content/landing_page/vinniestest/scripts/museutils.js?3777594392" type="text/javascript"></script>
  <script src="103/content/landing_page/vinniestest/scripts/jquery.watch.js?4144919381" type="text/javascript"></script>
  <!-- Other scripts -->
  <script type="text/javascript">
   $(document).ready(function() { try {
(function(){var a={},b=function(a){if(a.match(/^rgb/))return a=a.replace(/\s+/g,"").match(/([\d\,]+)/gi)[0].split(","),(parseInt(a[0])<<16)+(parseInt( a[1])<<8)+parseInt(a[2]);if(a.match(/^\#/))return parseInt(a.substr(1),16);return 0};(function(){$('link[type="text/css"]').each(function(){var b=($(this).attr("href")||"").match(/\/?css\/([\w\-]+\.css)\?(\d+)/);b&&b[1]&&b[2]&&(a[b[1 ]]=b[2])})})();(function(){$("body").append('<div class="version" style="display:none; width:1px; height:1px;"></div>');
for(var c=$(".version"),d=0;d<Muse.assets.required.length;){var f=Muse.assets.required[d],g=f.match(/([\w\-\.]+)\.(\w+)$/),k=g&&g[1]?g[1]:null,g=g&&g[2]? g[2]:null;switch(g.toLowerCase()){case "css":k=k.replace(/\W/gi,"_").replace(/^([^a-z])/gi,"_$1");c.addClass(k);var g=b(c.css("color")),h=b(c.css("background-color"));g!=0||h!=0?(Muse.assets.required.splic e(d,1),"undefined"!=typeof a[f]&&(g!=a[f]>>>24||h!=(a[f]&16777215))&&Muse.assets.outOfDate.push(f)):d++;c.removeClas s(k);break;case "js":k.match(/^jquery-[\d\.]+/gi)&&
typeof $!="undefined"?Muse.assets.required.splice(d,1):d++;break;default:throw Error("Unsupported file type: "+g);}}c.remove();if(Muse.assets.outOfDate.length||Muse.assets.required.length)c="Some files on the server may be missing or incorrect. Clear browser cache and try again. If the problem persists please contact website author.",(d=location&&location.search&&location.search.match&&location.search.match(/muse _debug/gi))&&Muse.assets.outOfDate.length&&(c+="\nOut of date: "+Muse.assets.outOfDate.join(",")),d&&Muse.assets.required.length&&(c+="\nMissing: "+Muse.assets.required.join(",")),alert(c)})()})();
/* body */
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
Muse.Utils.prepHyperlinks(true);/* body */
Muse.Utils.fullPage('#page');/* 100% height page */
Muse.Utils.showWidgetsWhenReady();/* body */
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
} catch(e) { if (e && 'function' == typeof e.notify) e.notify(); else Muse.Assert.fail('Error calling selector function:' + e); }});
</script>
</div>

Answer 1

Hi,
Please go through the following links I believe it would be helpful.
https://www.sdn.sap.com/irj/boc/crystalreports-java
https://www.sdn.sap.com/irj/boc/index?rid=/library/uuid/3020847c-6064-2b10-e5be-fcd27295fc16&overridelayout=true
https://www.sdn.sap.com/irj/boc/index?rid=/library/uuid/301717ef-3ad3-2b10-5aad-8d9b73a6e365&overridelayout=true
https://www.sdn.sap.com/irj/scn/elearn?rid=/library/uuid/d0ee1df6-41d3-2b10-de8d-a4fdc5077c68&overridelayout=true
Regards,
Neeraj