• forked:MotifExpress
Import an externally hosted application
Check style

  • JavaScript
  • CSS
  • HTML
  • Images
  • Input Data
  • ReadMe
  • forked:MotifExpress
  • jquery-1.7.1.min.js  
  • jquery-ui-1.8.18.min.js  
  • http://code.highcharts.com/highcharts.js  
  • http://code.highcharts.com/modules/exporting.js  
  •  
  • history

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
 100
 
MotifExpress = function(containerId, options) {
    new Application.motifExpress(containerId, options);
};
 
if (Application === "undefined" || !Application) {
    var Application = {};
}
 
Application.motifExpress = function() {
    this._init.apply(this, arguments);
};
 
Application.motifExpress.prototype = {
    
    _default : {
        applicationMaxOption : "max",
        applicationMinOption : "min",
        loadingMsg : "Loading...",
        appOptionRadioClass : "applicationOptionRadio"
    },
    
    _init : function(containerId, options) {
        var applicationOption = options.applicationOption;
        /*if (this._default.applicationMaxOption === applicationOption) {
            new Application.motifMax(containerId, options);
        } else if (this._default.applicationMinOption === applicationOption) {
            new Application.motifMin(containerId, options);
        } else {
            throw "Please select a valid application.";
        }*/
        var optionContianerId = containerId + "_options";
        var newContainerId = containerId + "_content";
        $("#" + containerId).html("");
        $("#" + containerId).append("<div id='"+ optionContianerId +"'> </div>");
        $("#" + containerId).append("<div id='"+ newContainerId +"'> </div>");
        this._initMotifExpressOptionView(newContainerId,optionContianerId);
        this._attachAndHandleMotifExpressOptionsEvents(newContainerId, optionContianerId, options);
    },
    
    _initMotifExpressOptionView : function(containerId,optionContianerId) {
        var sb = [];
        sb.push("<div class='row'>");
        sb.push("<div class='label left "+ this._default.appOptionRadioClass +"'>Select Method</div>");
        sb.push("<div class='left'>");
        sb.push("<span class='applicationOptionRadio'>");
        sb.push("<input type='radio' name='applicationOption' value='max' />&nbsp;Max");
        sb.push("<input type='radio' name='applicationOption' value='min'/>&nbsp;Min");
        sb.push("</span>");
        sb.push("</div>");
        sb.push("</div>");
        
        $("#" + optionContianerId).html(sb.join(""));
        //$("#" + containerId).html("");
    },
    
    _attachAndHandleMotifExpressOptionsEvents : function(containerId,optionContianerId,passedAppOptions) {
        var self = this;
        //$("#" + optionContianerId + " ." + this._default.appOptionRadioClass).unbind("click");
        $("#" + optionContianerId + " input:radio[name=applicationOption]").click(function() {
            $("#" + containerId).html(self._default.loadingMsg);
            var selectedVal = $(this).val();
            if (selectedVal == "max") {
                new Application.motifMax(containerId, passedAppOptions);
            } else if (selectedVal == "min") {
                new Application.motifMin(containerId, passedAppOptions);
            }
        });
    },
};
 
Application.motifMax = function() {
    this._init.apply(this, arguments);
};
 
Application.motifMax.prototype = {
    
    _containerId : null,
    _baseSequence : null,
    _options : null,
    _tooltip : null,
    _motifProperty : null,
    _heptamer : null,
    _octamer : null,
    _appSequence : null,
    //_motifConflict : null,
    _motifViewDialogId : null,
    _addAnotherMotifDialogId : null,
    _motifConflictConfirmDialogId : null,
    _geneInfoContainerId : null,
    _motifView : null,
    _fixedSequence : null,
    _extLinks : null,
    _analysisMethod : null,
    _rankListWorkId : null,
    _dataCollection : null,
    
    _default : {
        appName : "MotifExpress: Max",
        selectPropertyCaption : "Select Property",
        selectPropertyAreaClass : "selectPropertyArea",
jquery-1.7.1.min.js
jquery-ui-1.8.18.min.js
http://code.highcharts.com/highcharts.js
http://code.highcharts.com/modules/exporting.js
Playing...

jquery-1.7.1.min.js
jquery-ui-1.8.18.min.js
http://code.highcharts.com/highcharts.js
http://code.highcharts.com/modules/exporting.js