Template:Team:Northwestern/Template/nav only

From 2014.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 4: Line 4:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-
<script type="text/javascript">
 
-
$(function () {
 
-
    $('#graph1').highcharts({
 
-
        chart: {
 
-
            plotBackgroundColor: null,
 
-
            plotBorderWidth: null,
 
-
            plotShadow: false
 
-
        },
 
-
        title: {
 
-
            text: 'What is the highest level of education you are planning on completing?'
 
-
        },
 
-
        tooltip: {
 
-
            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
 
-
        },
 
-
        plotOptions: {
 
-
            pie: {
 
-
                allowPointSelect: true,
 
-
                cursor: 'pointer',
 
-
                dataLabels: {
 
-
                    enabled: true,
 
-
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %',
 
-
                    style: {
 
-
                        color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
 
-
                    }
 
-
                }
 
-
            }
 
-
        },
 
-
        series: [{
 
-
            type: 'pie',
 
-
            name: 'Highest desired degree',
 
-
            data: [
 
-
                ['Medical School',  23.5],
 
-
                ['IE',      26.8],
 
-
                {
 
-
                    name: 'Undecided',
 
-
                    y: 41.2,
 
-
 
-
                },
 
-
                ['PhD',    35.3],
 
-
       
 
-
            ]
 
-
        }]
 
-
    });
 
-
});
 
-
 
-
</script>
 
-
 
-
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
 
-
<meta charset="UTF-8">
 
<title>Dropdown menu from bootstrap</title>
<title>Dropdown menu from bootstrap</title>
<style>
<style>
Line 85: Line 36:
                
                
-
                 <li><a href="https://2014.igem.org/Team:Northwestern/Project">Project</a></li>
+
                  
 +
 
 +
<li class="dropdown">
 +
          <a href="https://2014.igem.org/Team:Northwestern/Project" class="dropdown-toggle" data-toggle="dropdown">Project <span class="caret"></span></a>
 +
 
 +
          <ul class="dropdown-menu" role="menu">
 +
            <li><a href="https://2014.igem.org/Team:Northwestern/Project">Overview</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="https://2014.igem.org/Team:Northwestern/Growth">Cultures</a></li>
 +
            <li><a href="https://2014.igem.org/Team:Northwestern/CFPS">CFPS</a></li>
 +
            <li><a href="https://2014.igem.org/Team:Northwestern/parts">Part submitted</a></li>
 +
          </ul>
 +
        </li>
                 <li><a href="https://2014.igem.org/Team:Northwestern/Team">Team</a></li>
                 <li><a href="https://2014.igem.org/Team:Northwestern/Team">Team</a></li>
                 <li><a href="https://2014.igem.org/Team:Northwestern/Safety">Safety</a></li>
                 <li><a href="https://2014.igem.org/Team:Northwestern/Safety">Safety</a></li>
Line 91: Line 54:
                 <li><a href="https://2014.igem.org/Team:Northwestern/Protocols">Protocols</a></li>
                 <li><a href="https://2014.igem.org/Team:Northwestern/Protocols">Protocols</a></li>
                 <li><a href="https://2014.igem.org/Team:Northwestern/Modeling">Modeling</a></li>
                 <li><a href="https://2014.igem.org/Team:Northwestern/Modeling">Modeling</a></li>
-
                 <li class="dropdown">
+
                  
-
                  <a href="https://2014.igem.org/Team:Northwestern/Human_Practice" class="dropdown-toggle" data-toggle="dropdown">Human Practice<span class="caret"></span></a>
+
                     <li><a href="https://2014.igem.org/Team:Northwestern/Human_Practice">Outreach Projects</a></li>
-
                  <ul class="dropdown-menu" role="menu">
+
 
-
                     <li><a href="https://2014.igem.org/Team:Northwestern/Human_Practice">Outreach Project 1</a></li>
+
-
                    <li><a href="#">Outreach Project 2</a></li>
+
-
                    <li><a href="#">Survey Data</a></li>
+
-
                    <li class="divider"></li>
+
-
                    <li class="dropdown-header">More</li>
+
-
                    <li><a href="#">Separated link</a></li>
+
-
                    <li><a href="#">One more separated link</a></li>
+
-
                  </ul>
+
-
                </li>
+
               </ul>
               </ul>

Latest revision as of 23:35, 17 October 2014

Dropdown menu from bootstrap