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