Line 11: | Line 11: | ||
<script> | <script> | ||
− | + | window.onload = () => { | |
− | + | var svg = document.getElementById("hero-image").getSVGDocument(); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | // // // | |
− | + | $(svg.getElementById("bio")).hover(function () { | |
− | + | $(this).css('cursor', 'pointer'); | |
− | + | }, function () { | |
− | + | $(this).css('cursor', 'auto'); | |
− | + | }); | |
− | + | $(svg.getElementById("bio")).popover({ | |
− | + | container: "body", | |
− | + | title: "Biology", | |
− | + | content: "Stuff", | |
− | + | placement: 'top', | |
+ | position: 'fixed' | ||
+ | }); | ||
+ | |||
+ | // // // | ||
+ | $(svg.getElementById("engineering")).hover(function () { | ||
+ | $(this).css('cursor', 'pointer'); | ||
+ | }, function () { | ||
+ | $(this).css('cursor', 'auto'); | ||
+ | }); | ||
+ | $(svg.getElementById("engineering")).popover({ | ||
+ | container: "body", | ||
+ | title: "Engineering", | ||
+ | content: "Stuff", | ||
+ | placement: 'top', | ||
+ | position: 'fixed' | ||
+ | }); | ||
+ | |||
+ | // // // | ||
+ | $(svg.getElementById("demo")).hover(function () { | ||
+ | $(this).css('cursor', 'pointer'); | ||
+ | }, function () { | ||
+ | $(this).css('cursor', 'auto'); | ||
+ | }); | ||
+ | $(svg.getElementById("demo")).popover({ | ||
+ | container: "body", | ||
+ | title: "Engineering", | ||
+ | content: "Stuff", | ||
+ | placement: 'top' | ||
+ | }); | ||
+ | |||
+ | // // // | ||
+ | $(svg.getElementById("integrated")).hover(function () { | ||
+ | $(this).css('cursor', 'pointer'); | ||
+ | }, function () { | ||
+ | $(this).css('cursor', 'auto'); | ||
+ | }); | ||
+ | $(svg.getElementById("integrated")).popover({ | ||
+ | container: "body", | ||
+ | title: "Engineering", | ||
+ | content: "Stuff", | ||
+ | placement: 'top' | ||
+ | }); | ||
+ | |||
+ | // // // | ||
+ | $(svg.getElementById("hpsilver")).hover(function () { | ||
+ | $(this).css('cursor', 'pointer'); | ||
+ | }, function () { | ||
+ | $(this).css('cursor', 'auto'); | ||
+ | }); | ||
+ | $(svg.getElementById("hpsilver")).popover({ | ||
+ | container: "body", | ||
+ | title: "Engineering", | ||
+ | content: "Stuff", | ||
+ | placement: 'top' | ||
+ | }); | ||
+ | |||
+ | // // // | ||
+ | $(svg.getElementById("englab")).hover(function () { | ||
+ | $(this).css('cursor', 'pointer'); | ||
+ | }, function () { | ||
+ | $(this).css('cursor', 'auto'); | ||
+ | }); | ||
+ | $(svg.getElementById("englab")).popover({ | ||
+ | container: "body", | ||
+ | title: "Engineering", | ||
+ | content: "Stuff", | ||
+ | placement: 'top' | ||
+ | }); | ||
+ | |||
+ | // // // | ||
+ | $(svg.getElementById("design")).hover(function () { | ||
+ | $(this).css('cursor', 'pointer'); | ||
+ | }, function () { | ||
+ | $(this).css('cursor', 'auto'); | ||
+ | }); | ||
+ | $(svg.getElementById("design")).popover({ | ||
+ | container: "body", | ||
+ | title: "Engineering", | ||
+ | content: "Stuff", | ||
+ | placement: 'top' | ||
+ | }); | ||
+ | |||
+ | // // // | ||
+ | $(svg.getElementById("model")).hover(function () { | ||
+ | $(this).css('cursor', 'pointer'); | ||
+ | }, function () { | ||
+ | $(this).css('cursor', 'auto'); | ||
+ | }); | ||
+ | $(svg.getElementById("model")).popover({ | ||
+ | container: "body", | ||
+ | title: "Engineering", | ||
+ | content: "Stuff", | ||
+ | placement: 'top' | ||
+ | }); | ||
+ | |||
+ | // // // | ||
+ | $(svg.getElementById("attributions")).hover(function () { | ||
+ | $(this).css('cursor', 'pointer'); | ||
+ | }, function () { | ||
+ | $(this).css('cursor', 'auto'); | ||
+ | }); | ||
+ | $(svg.getElementById("attributions")).popover({ | ||
+ | container: "body", | ||
+ | title: "Engineering", | ||
+ | content: "Stuff", | ||
+ | placement: 'top' | ||
+ | }); | ||
+ | |||
+ | // // // | ||
+ | $(svg.getElementById("team")).hover(function () { | ||
+ | $(this).css('cursor', 'pointer'); | ||
+ | }, function () { | ||
+ | $(this).css('cursor', 'auto'); | ||
+ | }); | ||
+ | $(svg.getElementById("team")).popover({ | ||
+ | container: "body", | ||
+ | title: "Engineering", | ||
+ | content: "Stuff", | ||
+ | placement: 'top' | ||
+ | }); | ||
+ | |||
+ | // // // | ||
+ | $(svg.getElementById("parts")).hover(function () { | ||
+ | $(this).css('cursor', 'pointer'); | ||
+ | }, function () { | ||
+ | $(this).css('cursor', 'auto'); | ||
+ | }); | ||
+ | $(svg.getElementById("parts")).popover({ | ||
+ | container: "body", | ||
+ | title: "Engineering", | ||
+ | content: "Stuff", | ||
+ | placement: 'top' | ||
+ | }); | ||
+ | |||
+ | // // // | ||
+ | $(svg.getElementById("results")).hover(function () { | ||
+ | $(this).css('cursor', 'pointer'); | ||
+ | }, function () { | ||
+ | $(this).css('cursor', 'auto'); | ||
+ | }); | ||
+ | $(svg.getElementById("results")).popover({ | ||
+ | container: "body", | ||
+ | title: "Engineering", | ||
+ | content: "Stuff", | ||
+ | placement: 'top' | ||
+ | }); | ||
+ | |||
+ | // // // | ||
+ | $(svg.getElementById("protocols")).hover(function () { | ||
+ | $(this).css('cursor', 'pointer'); | ||
+ | }, function () { | ||
+ | $(this).css('cursor', 'auto'); | ||
+ | }); | ||
+ | $(svg.getElementById("protocols")).popover({ | ||
+ | container: "body", | ||
+ | title: "Engineering", | ||
+ | content: "Stuff", | ||
+ | placement: 'top' | ||
+ | }); | ||
+ | |||
+ | // // // | ||
+ | $(svg.getElementById("biolab")).hover(function () { | ||
+ | $(this).css('cursor', 'pointer'); | ||
+ | }, function () { | ||
+ | $(this).css('cursor', 'auto'); | ||
+ | }); | ||
+ | $(svg.getElementById("biolab")).popover({ | ||
+ | container: "body", | ||
+ | title: "Engineering", | ||
+ | content: "Stuff", | ||
+ | placement: 'top' | ||
+ | }); | ||
+ | |||
+ | } | ||
</script> | </script> | ||
Line 140: | Line 296: | ||
− | <object id="hero-image" data="https://static.igem.org/mediawiki/2017/e/e9/Mainimg.svg" type="image/svg+xml"> | + | <object id="hero-image" data="https://static.igem.org/mediawiki/2017/e/e9/Mainimg.svg" type="image/svg+xml"> </object> |
<!-- END CONTENT HERE --> | <!-- END CONTENT HERE --> |
Revision as of 11:00, 26 October 2017