Template:Team:UC Davis/MutantWidget

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
<script src='https://2011.igem.org/Template:Team:UC_Davis/jquery.flot.min.js?action=raw'></script>
<script>
<script>
selectedelements = [null, null];
selectedelements = [null, null];
Line 10: Line 11:
$('#mutantwidget').append('<div id="mw_sequencearea"/>');
$('#mutantwidget').append('<div id="mw_sequencearea"/>');
$('#mutantwidget .sequence').hide().appendTo($('#mutantwidget #mw_sequencearea'));
$('#mutantwidget .sequence').hide().appendTo($('#mutantwidget #mw_sequencearea'));
-
$('#mw_selectmenu td').mouseover(function(){$(this).dequeue().animate({"opacity":1}, 500)})
+
$('#mw_selectmenu td').mouseover(function(){$(this).dequeue().animate({"opacity":1}, 500)});
-
$('#mw_selectmenu td').mouseout(function(){$(this).dequeue().animate({"opacity":.3}, 500)})
+
$('#mw_selectmenu td').mouseout(function(){$(this).dequeue().animate({"opacity":.3}, 500)});
 +
$.plot($("#mw_grapharea"), [ [[0, 0], [1, 1]] ], { yaxis: { max: 1 } });
$('#mutantwidget td').click(
$('#mutantwidget td').click(
function() {
function() {
Line 39: Line 41:
}
}
);
);
-
$('#mutantwidget #mw_grapharea').html('<img src="plot_linear.png" style="width:100%; height:100%; position:absolute; left:0px;z-index:-1"/>');
 
//Split sequences
//Split sequences
$('#mutantwidget .sequence').each(
$('#mutantwidget .sequence').each(
Line 61: Line 62:
#mw_grapharea {
#mw_grapharea {
right:0px;
right:0px;
 +
width:100%
 +
height:400px;
z-index: -1;
z-index: -1;
}
}

Revision as of 18:53, 21 September 2011

Retrieved from "http://2011.igem.org/Template:Team:UC_Davis/MutantWidget"