search

epgg / eg

EpiGenome Gateway - WashU EpiGenome Browser
http://epigenomegateway.wustl.edu/legacy/
Other
21 stars 10 forks source link

Error embedding local install of browser #64

Open rakarnik opened 6 years ago

rakarnik commented 6 years ago

Hi, We are trying to embed a local mirror of the browser into a web page and get a Javascript error. Screenshot is attached. Any help would be much appreciated.

screen shot 2017-10-18 at 3 41 32 pm
lidaof commented 6 years ago

hi @rakarnik , please add the following lines to your header section:

 <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://epigenomegateway.wustl.edu/browser/css/style.css" />
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/base.js"></script>
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/session.js"></script>
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/bev.js"></script>
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/gsm.js"></script>
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/session.js"></script>
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/fileload.js"></script>
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/scp.js"></script>
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/geneplot.js"></script>
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/validhub.js"></script>
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/circlet.js"></script>
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/sukn.js"></script>
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/personality.js"></script>
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/embed.js"></script>
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/dataProvider.js"></script>
    <script type="text/javascript" src="http://epigenomegateway.wustl.edu/browser/js/hicInterface.js"></script>
rakarnik commented 6 years ago

Hi @lidaof, Thanks for the quick reply! Do we need to download jquery? Is the specific version necessary? Thank you for your help! Best, Rahul

lidaof commented 6 years ago

hi @rakarnik , you don't have to download. use this instead then:

<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>

rakarnik commented 6 years ago

Thank you @lidaof! We do not see any Javascript errors, but we just see a blank browser screen. Screenshot attached. Any ideas? screen shot 2017-10-18 at 4 10 02 pm

lidaof commented 6 years ago

Hi @rakarnik , do you mind send me your html file for embedding to debug? Thanks.

rakarnik commented 6 years ago

Hi @lidaof, Zipped minimal HTML file is attached. Thank you very much for your help! Best, Rahul example.htm.zip

lidaof commented 6 years ago

hi @rakarnik sorry for late reply....I just found out the reason is that we don't use HTML5 doctype, if you change the 1st line to the following should fix it.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">