Difference between revisions of "Team:NYU Abu Dhabi"

Line 11: Line 11:
  
 
     <script>
 
     <script>
    window.onload = () => {
+
        window.onload = () => {
        var svg = document.getElementById("hero-image").getSVGDocument();
+
            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("eng")).hover(function() {
+
            $(svg.getElementById("bio")).hover(function () {
                                          $(this).css('cursor','pointer');
+
                $(this).css('cursor', 'pointer');
                                    }, function() {
+
            }, function () {
                                          $(this).css('cursor','auto');
+
                $(this).css('cursor', 'auto');
                                    });
+
            });
        $(svg.getElementById("eng")).popover({container: "body", title: "Engineering", content: "Stuff", placement:
+
            $(svg.getElementById("bio")).popover({
        'top', position:'fixed'});
+
                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>
+
         <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