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
if (Application === "undefined" || !Application) {
var Application = {};
}
InputMotif = function(containerId, options) {
new Application.ManualInputMotif(containerId, options);
};
Application.ManualInputMotif = function() {
this._init.apply(this, arguments);
Application.ManualInputMotif.prototype = {
_manulaMotifInputAreaId : null,
_manulaMotifInputAreaInsertButId : null,
_manulaMotifInputAreaAddButId : null,
_manulaMotifDialogCancelButId : null,
_containerId : null,
_baseSequence : null,
_workId : null,
_fileName : null,
_errorMessageAreaClass : null,
_motifProperty : null,
_geneInfoContainerId : null,
_callBackFunc : null,
_motifView : null,
_appSequence : null,
_appUtil : null,
_fixedSequence : null,
_validCharcters : ['A','T','C','G','-'],
defaults : {
motifSequenceProperty : "motif sequence",
motifPositionProperty : "motif position",
replaceSequenceClass : "replaceSequence",
resultAreaClass : "resultArea",
databaseInfoClass : "databaseInfo",
errorMessageAreaClass : "errorMessage",
replaceButtonAreaClass : "replaceButtonArea",
geneLabelClass : "geneUrl",
fixedSequenceShowClass : "fixedSequenceMotif",
wrappedMotifSequenceShowClass : "wrappedSequenceMotif",
baseSequenceLength : 550,
baseSequenceMinLength : 50,
resultAreaUserMessage : "Scroll Left/Right to inspect motifs from this promoter. Click on a motif sequence to enter the advanced motif view.",
resultAreaUserMessageClass : "resultAreaUserMessageClass",
conflictionDialogTitle : "Confliction",
nonValidCharcterErrorMessage : "Warning: Motif contains nonstandard characters for DNA design. All characters except A, T, C, G will be treated as unique special characters. Currently IUPAC codes are not supported.",
invalidCharErrMessageClass : "invalidCharError"
},
_initDefaults : function() {
var date = new Date();
this._manulaMotifInputAreaId = "_manulaMotifMotif_Div_" + self._containerId + "_" + date.getTime();
this._manulaMotifInputAreaInsertButId = "_manulaMotifMotif_Div_Insert_But_" + this._containerId;
this._manulaMotifInputAreaAddButId = "_manulaMotifMotif_Div_Add_But_" + this._containerId;
_initMotifView : function() {
var self = this;
var obj = {
baseSequenceMinLength : self.defaults.baseSequenceMinLength,
baseSequence : self._baseSequence,
replaceSequenceClass : self.defaults.replaceSequenceClass,
callerObj : self,
geneLabelClass : self.defaults.geneLabelClass,
motifMethod : '-'
this._motifView = new Application.MotifView(this._containerId,obj);
_initAppUtil : function() {
containerId : self._containerId,
errTextClass : 'errorText',
baseSequenceLength : self.defaults.baseSequenceLength
self._appUtil = new Application.Util(obj);
_init : function(containerId, options) {
this._containerId = containerId;
this._baseSequence = options.baseSequence;
this._workId = options.workId;
this._fileName = options.fileName;
this._callBackFunc = options.callback;
this._fixedSequence = options.fixedSequence;
this._geneInfoContainerId = "gene_info_containerId_" + date.getTime();
this._initDefaults();
$("#" + this._containerId).html("");
this._initManualMotifComps();
this._initManualMotifCompButtons();
this._initConflictConfirmDialogView();
this._initMotifConflictConfirmDialog();
workId : options.workId,
.manualMotifView .manualMotifViewInfo {
float: right;
height: 90px;
margin-right: 10px;
margin-top: -65px;
position: relative;
width: 380px;
.errorText {
color: #FF0000;
.resultAreaUserMessageClass {
color: #0A5DA6;
font: bold 1.1em "Trebuchet MS","Helvetica","Arial","Verdana","sans-serif";
font-size: 12px;
font-weight: bold;
margin-top: -6px;
margin-bottom: 4px;
.wrappedSequenceMotif {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
margin: 10px 0 0;
font-family: "Courier New","Lucida Console";
overflow: auto;
word-wrap: break-word;
/*white-space: nowrap;*/
width:100%;
height:90px;
word-break: break-all;
.motifViewDialog .motifviewinfo {
margin-top: -150px;
width: 350px;
.manualsequence {
height: 40px;
width: 300px;
margin-bottom: 5px;
.motifviewsequence {
width: 240px;
.motifViewDialog .explanation {
color: #AAAAAA;
margin-left : 200px;
margin-top : -10px;
<div id="container"></div>
Click the Browse button or drag and drop to choose files to upload
The Maximum upload size is 1MB.(bmp,gif,jpeg,jpg,png)
*Required field
Add name for another language
You can upload jpg, gif, png file formats
Add description for another language
Fork original application has been updated. >>see
Original application has been updated. >>see
Playing...
Please enter a valid URL