Template:Team:UC Davis/MutantWidget

From 2011.igem.org

(Difference between revisions)
Line 113: Line 113:
     FAR = 10000;
     FAR = 10000;
-
mutantcolors = ["white", "#ff6666", "orange", "yellow", "#66ff66", "#66ffff", "#ddaaff", "pink"]
+
mutantcolors = ["white", "#ff6666", "orange", "yellow", "#66ff66", "#66ffff", "#ddaaff", "pink"];
 +
selectedColor = "orange";
$(document).ready(function(){
$(document).ready(function(){
$("#mutantwidget").append('<div id="mw_selectmenu"/>');
$("#mutantwidget").append('<div id="mw_selectmenu"/>');
Line 136: Line 137:
$('#mutantwidget .sequence').appendTo($('#mw_sequencearea'));
$('#mutantwidget .sequence').appendTo($('#mw_sequencearea'));
         $('#mutantwidget').append("<div class='yaxis'>Relative Strength</div>");
         $('#mutantwidget').append("<div class='yaxis'>Relative Strength</div>");
 +
       
$('#mw_selectmenu td').mouseover(function()
$('#mw_selectmenu td').mouseover(function()
{
{
Line 142: Line 144:
$(this).dequeue().animate({"opacity":1, "color":mutantcolors[$(this).parent().index()]}, 500);
$(this).dequeue().animate({"opacity":1, "color":mutantcolors[$(this).parent().index()]}, 500);
}
}
 +
});
 +
$('#mw_optionsmenu td').mouseover(function()
 +
{
 +
if(!$(this).hasClass("selected"))
 +
{
 +
$(this).dequeue().animate({"opacity":1, "color":selectedColor}, 500);
 +
}
 +
});
 +
$('#mw_optionsmenu td').mouseout(function()
 +
{
 +
if(!$(this).hasClass("selected"))
 +
{
 +
$(this).dequeue().animate({"opacity":.3, color:"rgb(225, 225, 225)"}, 500);
 +
}
 +
});
});
$('#mw_selectmenu td').mouseout(function()
$('#mw_selectmenu td').mouseout(function()
Line 542: Line 559:
color:rgba(225, 225, 225, 1);
color:rgba(225, 225, 225, 1);
border-radius:5px;
border-radius:5px;
 +
text-align:center;
}
}

Revision as of 01:07, 25 September 2011