CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
(66 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | <style> | ||
+ | @media (-webkit-min-device-pixel-ratio: 2), | ||
+ | (min-resolution: 192dpi) { | ||
+ | #svg_info_box{ display: none; } | ||
+ | } | ||
+ | </style> | ||
+ | |||
<style> | <style> | ||
+ | #HQ_page table, #HQ_page tr, #HQ_page td{ border: none; } | ||
+ | #HQ_page table{ margin-top: 0px; } | ||
+ | #HQ_page td{ padding: 7px;} | ||
#test_svg{ width: 100%; margin: 16px 0px 0px 0px; } | #test_svg{ width: 100%; margin: 16px 0px 0px 0px; } | ||
Line 14: | Line 24: | ||
position: absolute; | position: absolute; | ||
left: 50%; | left: 50%; | ||
− | top: | + | top: 40%; |
margin-right: -50%; | margin-right: -50%; | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
Line 21: | Line 31: | ||
height: 220px; | height: 220px; | ||
border-radius: 100%; | border-radius: 100%; | ||
+ | color: #ffffff; | ||
} | } | ||
#svg_info_box span{ | #svg_info_box span{ | ||
Line 27: | Line 38: | ||
font-size: 20px; | font-size: 20px; | ||
} | } | ||
+ | #svg_info_box_dry_lab{ position: absolute; top: 18%; left: 18%; width: 300px; height: 250px; color: #80aac7; font-size: 15px;} | ||
+ | #svg_info_box_wet_lab{ position: absolute; top: 18%; left: 62%; width: 300px; height: 250px; color: #80aac7; font-size: 15px;} | ||
+ | |||
+ | .tableSelfDesc tr td{ padding: 0px; } | ||
+ | |||
+ | .showTable{ display: block; } | ||
+ | .hideme{ display: none; } | ||
</style> | </style> | ||
</head> | </head> | ||
Line 35: | Line 53: | ||
<div id='svg_info_box'> | <div id='svg_info_box'> | ||
<span>Click on the miRNAs </br> to get to know us!</span> | <span>Click on the miRNAs </br> to get to know us!</span> | ||
+ | </div> | ||
+ | |||
+ | <div id='svg_info_box_dry_lab'> | ||
+ | |||
+ | <!-- Constantine--> | ||
+ | <table id='constantine_mirna_xA0_Image_dry' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Scaring people with math</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Unify the Standard Model with Gravity</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Life isn't about finding yourself. Life is about creating yourself.</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>What’s the weather like out there?</td></tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- Me --> | ||
+ | <table id='komos_mirna_xA0_Image_dry' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Executing bugs ;)</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Patience!</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Never give up!</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>5500+ lines of wiki code written </td></tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- Aggeliki --> | ||
+ | <table id='agg_mirna_xA0_Image_dry' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Life Planning</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Understand the nature of Intelligence</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Intentions, good or bad, are not enough</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>271 Hours spent on Photoshop</td></tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- Nafsika --> | ||
+ | <table id='nafsika_mirna_xA0_Image_dry' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>I always find a way to think positively</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>I do not have a simple answer on that. After all, it is personal.</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>No man is an island.</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>2.300 hours of work created 7.133 GB of knowledge and memories</td></tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- Ksamtsak --> | ||
+ | <table id='kst_mirna_xA0_Image_dry' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | |||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Explaining stuff for dummies - biological stuff to non-biologists especially ☺</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Friendship</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>"What can change the nature of a man?"</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>3210 times ran a simulation</td></tr> | ||
+ | |||
+ | </table> | ||
+ | |||
+ | <!-- Thanasis --> | ||
+ | <table id='thanasis_mirna_xA0_Image_dry' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Alias</b></td></tr> | ||
+ | <tr><td style='padding:0px'>King Punny</td></tr> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>There's no room for this here, but don't trust me, my spatial abilities aren't any good</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>I meaaan, space is pretty cool</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>It is possible for ordinary humans, to choose to be extraordinary</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>167 legal documents filled to get past greek bureaucracy</td></tr> | ||
+ | </table> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id='svg_info_box_wet_lab'> | ||
+ | |||
+ | <!-- Asteris --> | ||
+ | <table id='asteris_mirna_xA0_Image_wet' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Sleepless Regeneration</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Beat Eugene to immortality</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>"Not all those who wander are lost"</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Daily repeat, for more than a year: "Everyone chill, we got this"</td></tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- Eugene --> | ||
+ | <table id='eugene_mirna_xA0_Image_wet' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Forgetting what I ate 10 minutes ago, but never forgetting any experiment or protocol</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Beat Asteris to immortality</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>An ultimate goal without a plan is just a wish</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>More than 1.000 km driven between labs (and they are less than 15km far from one another)</td></tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- Charis --> | ||
+ | <table id='charis_mirna_xA0_Image_wet' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Binge-reading papers</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Unraveling the mysteries of neural information processing</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>"I would rather have questions that can't be answered than answers than can't be questioned"</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>An average of 5.1 coffees per day</td></tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- Thomas --> | ||
+ | <table id='thomas_mirna_xA0_Image_wet' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Never accepting failure</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Be a memorable scientist</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Only a life lived for others is a life worthwhile</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>28 sunrises witnessed from the lab</td></tr> | ||
+ | </table> | ||
+ | |||
+ | <!-- Elissavet --> | ||
+ | <table id='elissavet_mirna_xA0_Image_wet' class='tableSelfDesc hideme ' style='text-align: center; color: #80aac7;'> | ||
+ | <tr><td><b>Alias</b></td></tr> | ||
+ | <tr><td style='padding:0px'>Stitch</td></tr> | ||
+ | <tr><td><b>Special Ability</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Seeing with eyes shut</td></tr> | ||
+ | <tr><td><b>Ultimate Life Goal</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Understanding &&|| Utilizing the Human Brain</td></tr> | ||
+ | <tr><td><b>Words To Live By</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>Those who say it cannot be done, should not interrupt those who are doing it</td></tr> | ||
+ | <tr><td><b>iGEM in Numbers</b></td></tr> | ||
+ | <tr><td style='padding: 0px'>More than 181 times assuming the role of team's alarm clock</td></tr> | ||
+ | </table> | ||
+ | |||
</div> | </div> | ||
Line 46: | Line 210: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 15.8398)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 15.8398)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 15.8398)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 15.8398)', | ||
− | 'image_id' : 'asteris_on_click_xA0_Image' | + | 'image_id' : 'asteris_on_click_xA0_Image', |
+ | 'image_id_sec' : 'asteris_on_click_xA0_Image_1_' | ||
}, | }, | ||
Line 53: | Line 218: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 87.8398)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 87.8398)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 87.8398)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 87.8398)', | ||
− | 'image_id' : 'eugene_on_click_xA0_Image' | + | 'image_id' : 'eugene_on_click_xA0_Image', |
+ | 'image_id_sec' : 'eugene_on_click_xA0_Image_1_' | ||
}, | }, | ||
{ | { | ||
Line 59: | Line 225: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 158.8799)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 158.8799)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 158.8799)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 158.8799)', | ||
− | 'image_id' : 'charis_on_click_xA0_Image' | + | 'image_id' : 'charis_on_click_xA0_Image', |
+ | 'image_id_sec' : 'charis_on_click_xA0_Image_1_' | ||
}, | }, | ||
{ | { | ||
Line 65: | Line 232: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 229.9199)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 229.9199)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 229.9199)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 229.9199)', | ||
− | 'image_id' : 'thomas_on_click_xA0_Image' | + | 'image_id' : 'thomas_on_click_xA0_Image', |
+ | 'image_id_sec' : 'thomas_on_click_xA0_Image_1_' | ||
}, | }, | ||
{ | { | ||
Line 71: | Line 239: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 301.9199)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, -85, 301.9199)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 301.9199)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 0, 301.9199)', | ||
− | 'image_id' : 'elissavet_on_click_xA0_Image' | + | 'image_id' : 'elissavet_on_click_xA0_Image', |
+ | 'image_id_sec' : 'elissavet_on_click_xA0_Image_1_' | ||
} | } | ||
]; | ]; | ||
Line 79: | Line 248: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 11.04)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 11.04)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 11.04)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 11.04)', | ||
− | 'image_id' : 'Constantine_on_click_xA0_Image' | + | 'image_id' : 'Constantine_on_click_xA0_Image', |
+ | 'image_id_sec' : 'Constantine_on_click_xA0_Image_1_' | ||
}, | }, | ||
{ | { | ||
Line 85: | Line 255: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 72.96)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 72.96)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 72.96)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 72.96)', | ||
− | 'image_id' : 'Komos_on_click_xA0_Image' | + | 'image_id' : 'Komos_on_click_xA0_Image', |
+ | 'image_id_sec' : 'Komos_on_click_xA0_Image_1_' | ||
}, | }, | ||
{ | { | ||
Line 91: | Line 262: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 137.7598)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 137.7598)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 137.7598)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 137.7598)', | ||
− | 'image_id' : 'Papadimitriou_on_click_xA0_Image' | + | 'image_id' : 'Papadimitriou_on_click_xA0_Image', |
+ | 'image_id_sec' : 'Papadimitriou_on_click_xA0_Image_1_' | ||
}, | }, | ||
{ | { | ||
Line 97: | Line 269: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 198.7197)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 198.7197)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 198.7197)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 198.7197)', | ||
− | 'image_id' : 'Nafsika_on_click_xA0_Image' | + | 'image_id' : 'Nafsika_on_click_xA0_Image', |
+ | 'image_id_sec' : 'Nafsika_on_click_xA0_Image_1_' | ||
}, | }, | ||
{ | { | ||
Line 103: | Line 276: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 263.04)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 263.04)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 263.04)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 263.04)', | ||
− | 'image_id' : 'kst_on_click_xA0_Image' | + | 'image_id' : 'kst_on_click_xA0_Image', |
+ | 'image_id_sec' : 'kst_on_click_xA0_Image_1_' | ||
}, | }, | ||
{ | { | ||
Line 109: | Line 283: | ||
'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 323.5195)', | 'translate_before' : 'matrix(0.48, 0, 0, 0.48, 877, 323.5195)', | ||
'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 323.5195)', | 'translate_after' : 'matrix(0.48, 0, 0, 0.48, 792, 323.5195)', | ||
− | 'image_id' : 'thanasis_on_click_xA0_Image' | + | 'image_id' : 'thanasis_on_click_xA0_Image', |
+ | 'image_id_sec' : 'thanasis_on_click_xA0_Image_1_' | ||
} | } | ||
]; | ]; | ||
Line 117: | Line 292: | ||
leftElements.forEach(function(item, index, array){ | leftElements.forEach(function(item, index, array){ | ||
if(item.id != element.id){ | if(item.id != element.id){ | ||
− | |||
− | |||
− | |||
svgDoc.getElementById(item.image_id).setAttribute('display', 'none'); | svgDoc.getElementById(item.image_id).setAttribute('display', 'none'); | ||
− | svgDoc.getElementById(item.image_id | + | svgDoc.getElementById(item.image_id_sec).setAttribute('display', 'none'); |
+ | }else{ | ||
+ | svgDoc.getElementById(item.image_id).setAttribute('display', 'block'); | ||
+ | svgDoc.getElementById(item.image_id_sec).setAttribute('display', 'block'); | ||
+ | $('.tableSelfDesc').addClass('hideme'); | ||
+ | $('#'+ item.id + '_wet').removeClass('hideme'); | ||
} | } | ||
}); | }); | ||
rightElements.forEach(function(item, index, array){ | rightElements.forEach(function(item, index, array){ | ||
if(item.id != element.id){ | if(item.id != element.id){ | ||
− | |||
− | |||
− | |||
svgDoc.getElementById(item.image_id).setAttribute('display', 'none'); | svgDoc.getElementById(item.image_id).setAttribute('display', 'none'); | ||
− | svgDoc.getElementById(item.image_id | + | svgDoc.getElementById(item.image_id_sec).setAttribute('display', 'none'); |
+ | }else{ | ||
+ | svgDoc.getElementById(item.image_id).setAttribute('display', 'block'); | ||
+ | svgDoc.getElementById(item.image_id_sec).setAttribute('display', 'block'); | ||
+ | $('.tableSelfDesc').addClass('hideme'); | ||
+ | $('#'+ item.id + '_dry').removeClass('hideme'); | ||
+ | console.log( $('#'+ item.id+'_dry').html() ) | ||
} | } | ||
}); | }); | ||
Line 154: | Line 334: | ||
svgDoc.getElementById(item.id).setAttribute('cursor', 'pointer'); | svgDoc.getElementById(item.id).setAttribute('cursor', 'pointer'); | ||
} | } | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | function svgFunctionalityMouseLeave(element){ | ||
+ | |||
+ | leftElements.forEach(function(item, index, array){ | ||
+ | svgDoc.getElementById(item.id).setAttribute('transform', item.translate_before); | ||
+ | }); | ||
+ | rightElements.forEach(function(item, index, array){ | ||
+ | svgDoc.getElementById(item.id).setAttribute('transform', item.translate_before); | ||
}); | }); | ||
} | } | ||
Line 159: | Line 349: | ||
mySVG.addEventListener("load",function() { | mySVG.addEventListener("load",function() { | ||
svgDoc = mySVG.contentDocument; | svgDoc = mySVG.contentDocument; | ||
− | |||
leftElements.forEach(function(item, index, array){ | leftElements.forEach(function(item, index, array){ | ||
svgDoc.getElementById(item.id).setAttribute('transform', item.translate_before); | svgDoc.getElementById(item.id).setAttribute('transform', item.translate_before); | ||
− | svgDoc.getElementById(item.image_id).setAttribute('display', 'none'); | + | //svgDoc.getElementById(item.image_id).setAttribute('display', 'none'); |
− | + | //svgDoc.getElementById(item.image_id_sec).setAttribute('display', 'none'); | |
svgDoc.getElementById(item.id).addEventListener('click', function(){ svgFunctionalityClick(item) }); | svgDoc.getElementById(item.id).addEventListener('click', function(){ svgFunctionalityClick(item) }); | ||
svgDoc.getElementById(item.id).addEventListener('mouseover', function(){ svgFunctionalityHover(item) }); | svgDoc.getElementById(item.id).addEventListener('mouseover', function(){ svgFunctionalityHover(item) }); | ||
+ | svgDoc.getElementById(item.id).addEventListener('mouseleave', function(){ svgFunctionalityMouseLeave(item) }); | ||
}); | }); | ||
rightElements.forEach(function(item, index, array){ | rightElements.forEach(function(item, index, array){ | ||
svgDoc.getElementById(item.id).setAttribute('transform', item.translate_before); | svgDoc.getElementById(item.id).setAttribute('transform', item.translate_before); | ||
− | svgDoc.getElementById(item.image_id).setAttribute('display', 'none'); | + | //svgDoc.getElementById(item.image_id).setAttribute('display', 'none'); |
− | + | //svgDoc.getElementById(item.image_id_sec).setAttribute('display', 'none'); | |
svgDoc.getElementById(item.id).addEventListener('click', function(){ svgFunctionalityClick(item) }); | svgDoc.getElementById(item.id).addEventListener('click', function(){ svgFunctionalityClick(item) }); | ||
svgDoc.getElementById(item.id).addEventListener('mouseover', function(){ svgFunctionalityHover(item) }); | svgDoc.getElementById(item.id).addEventListener('mouseover', function(){ svgFunctionalityHover(item) }); | ||
+ | svgDoc.getElementById(item.id).addEventListener('mouseleave', function(){ svgFunctionalityMouseLeave(item) }); | ||
}); | }); | ||
Latest revision as of 04:50, 16 December 2017
Click on the miRNAs to get to know us!