"
Template:Team:UC Davis/KO3D
From 2013.igem.org
(Difference between revisions)
| (38 intermediate revisions not shown) | |||
| Line 264: | Line 264: | ||
$("#mutantwidget").append('<div id="mw_selectmenu"/>'); | $("#mutantwidget").append('<div id="mw_selectmenu"/>'); | ||
$("#mutantwidget").append('<div id="mw_optionsmenu"><table id="mw_optionstable"></table></div>'); | $("#mutantwidget").append('<div id="mw_optionsmenu"><table id="mw_optionstable"></table></div>'); | ||
| + | if($("#mutantwidget .dataMax").text() == 3) | ||
| + | {$("#mutantwidget").append('<div id="mw_zoommenu"><table id="mw_zoomoptionstable"></table></div>');} | ||
| Line 277: | Line 279: | ||
} | } | ||
// $('#mw_optionstable').append("<tr><td>Sequence</td></tr>"); | // $('#mw_optionstable').append("<tr><td>Sequence</td></tr>"); | ||
| - | + | if($("#mutantwidget .dataMax") .length == 1) | |
| + | { | ||
| + | $('#mw_zoomoptionstable').append("<tr><th>Ymax</th></tr>"); | ||
| + | $('#mw_zoomoptionstable').append("<tr><td onClick>80000</td></tr>"); | ||
| + | $('#mw_zoomoptionstable').append("<tr><td>10000</td></tr>"); | ||
| + | $('#mw_zoomoptionstable').append("<tr><td>2000</td></tr>"); | ||
| + | } | ||
$('#mw_optionstable td').css({opacity:0.3}); | $('#mw_optionstable td').css({opacity:0.3}); | ||
| + | $('#mw_zoomoptionstable td').css({opacity:0.3}); | ||
$('#mutantwidget').prepend('<div id="mw_grapharea"/>'); | $('#mutantwidget').prepend('<div id="mw_grapharea"/>'); | ||
$('#mw_grapharea').append('<div id="mw_plot"/>'); | $('#mw_grapharea').append('<div id="mw_plot"/>'); | ||
| Line 307: | Line 316: | ||
} | } | ||
}); | }); | ||
| + | $('#mw_zoommenu td').mouseover(function() | ||
| + | { | ||
| + | if(!$(this).hasClass("selected")) | ||
| + | { | ||
| + | $(this).dequeue().animate({"opacity":.6, "color":selectedColor}, 500); | ||
| + | } | ||
| + | }); | ||
| + | |||
$('#mw_optionsmenu td').mouseout(function() | $('#mw_optionsmenu td').mouseout(function() | ||
{ | { | ||
| Line 321: | Line 338: | ||
$(this).dequeue().animate({"opacity":.3, color:"rgb(225, 225, 225)"}, 500); | $(this).dequeue().animate({"opacity":.3, color:"rgb(225, 225, 225)"}, 500); | ||
} | } | ||
| + | }); | ||
| + | $('#mw_zoommenu td').mouseout(function() | ||
| + | { | ||
| + | if(!$(this).hasClass("selected")) | ||
| + | { | ||
| + | $(this).dequeue().animate({"opacity":.3, color:"rgb(225, 225, 225)"}, 500); | ||
| + | } | ||
}); | }); | ||
| + | |||
| + | $('#mw_zoommenu td').click( | ||
| + | function() { | ||
| + | if(!$(this).hasClass("selected")) | ||
| + | { $('#mw_zoommenu td').removeClass("selected"); | ||
| + | $(this).addClass("selected"); | ||
| + | $('#mw_zoommenu td').mouseout(); | ||
| + | dataMax = $(this).text(); | ||
| + | } | ||
| + | $('#mw_optionsmenu td').removeClass("selected"); | ||
| + | if (widget_mode == "2D") | ||
| + | {$('#mw_optionsmenu td').eq(0).mouseover().click();} | ||
| + | else | ||
| + | {} | ||
| + | }); | ||
| + | |||
$('#mw_optionsmenu td').click( | $('#mw_optionsmenu td').click( | ||
function() { | function() { | ||
| Line 337: | Line 377: | ||
$('.yaxis').show(); | $('.yaxis').show(); | ||
$('.xaxis').show(); | $('.xaxis').show(); | ||
| + | $('#mw_zoommenu').show(); | ||
widget_mode = "2D"; | widget_mode = "2D"; | ||
dataseries = []; | dataseries = []; | ||
| Line 371: | Line 412: | ||
$('.yaxis').hide(); | $('.yaxis').hide(); | ||
$('.xaxis').hide(); | $('.xaxis').hide(); | ||
| + | $('#mw_zoommenu').hide(); | ||
widget_mode = "3D"; | widget_mode = "3D"; | ||
update3DPlotMeshes(); | update3DPlotMeshes(); | ||
| Line 444: | Line 486: | ||
//Extract plotting data | //Extract plotting data | ||
dataMax = $('#mutantwidget .dataMax').text(); | dataMax = $('#mutantwidget .dataMax').text(); | ||
| + | if (dataMax.length == 0) | ||
| + | { dataMax = 90000; } | ||
| + | else if (dataMax == 3) | ||
| + | { dataMax = 80000; } | ||
axisdimensions = [0, 1, 0, 10, 0, dataMax]; | axisdimensions = [0, 1, 0, 10, 0, dataMax]; | ||
data = []; | data = []; | ||
| Line 517: | Line 563: | ||
} | } | ||
); | ); | ||
| - | axisdimensions = [0, 1, 0, 10, 0, | + | axisdimensions = [0, 1, 0, 10, 0, dataMax]; |
var numxpoints = 30; | var numxpoints = 30; | ||
var numypoints = 30; | var numypoints = 30; | ||
| Line 1,004: | Line 1,050: | ||
$('#mw_selectmenu td').eq(0).mouseover().click(); | $('#mw_selectmenu td').eq(0).mouseover().click(); | ||
$('#mw_selectmenu td').eq(1).mouseover().click(); | $('#mw_selectmenu td').eq(1).mouseover().click(); | ||
| + | $('#mw_selectmenu td').eq(3).mouseover().click(); | ||
$('#mw_optionstable td').eq(1).mouseover().click(); | $('#mw_optionstable td').eq(1).mouseover().click(); | ||
| + | $('#mw_zoomoptionstable td').eq(0).mouseover().click(); | ||
}); | }); | ||
</script> | </script> | ||
| Line 1,055: | Line 1,103: | ||
background: rgba(0,0,0,.6); | background: rgba(0,0,0,.6); | ||
} | } | ||
| + | |||
| + | #mw_zoommenu { | ||
| + | top: 25px; | ||
| + | right: 650px; | ||
| + | padding: 3px 0px 4px 9px; | ||
| + | position: absolute; | ||
| + | margin: 4px; | ||
| + | width: 80px; | ||
| + | } | ||
| + | |||
| + | #mw_zoomoptionstable { | ||
| + | margin-left: 3px; | ||
| + | background: rgba(0,0,0,.6); | ||
| + | } | ||
| + | |||
| + | #mw_zoomoptionstable th{ | ||
| + | color:rgba(225,225,225,1); | ||
| + | } | ||
| + | |||
#mw_sequencearea { | #mw_sequencearea { | ||
font-family: monospace; | font-family: monospace; | ||
Latest revision as of 02:07, 29 October 2013
