Team:Virginia/Test

From 2014.igem.org

(Difference between revisions)
 
(60 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
  <head>
+
<head>
-
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
+
<script type="text/javascript" src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
-
    <script type="text/javascript">
+
<script type="text/javascript" src="https://2013.igem.org/Team:UNITN-Trento/JS/Library/modernizr?action=raw&ctype=text/javascript"></script>
-
      google.load("visualization", "1", {packages:["geochart"]});
+
</head>
-
      google.setOnLoadCallback(drawRegionsMap);
+
<body>
-
      function drawRegionsMap() {
+
<div class="flipbook-viewport">
 +
<div class="container">
 +
<div class="flipbook">
 +
<div style="background-image:url(pages/1.jpg)"></div>
 +
<div style="background-image:url(pages/2.jpg)"></div>
 +
</div>
 +
</div>
 +
</div>
-
          var data = google.visualization.arrayToDataTable([
 
-
              ['Region Code', 'Sub-Continent', 'Popularity'],
 
-
              ['005', 'South America', 200],
 
-
              ['154', 'Northern Europe', 150],
 
-
              ['034', 'Southern Asia', 80],
 
-
          ]);
 
 +
<script type="text/javascript">
 +
function loadApp() {
-
          var data2 = google.visualization.arrayToDataTable([
+
// Create the flipbook
-
              ['Region Code', 'Sub-Continent', 'Popularity'],
+
-
              ['005', 'South America', 200],
+
-
              ['154', 'Northern Europe', 150],
+
-
              ['034', 'Southern Asia', 80],
+
-
          ]);
+
-
          var options = {
+
$('.flipbook').turn({
-
              resolution: 'subcontinents'
+
// Width
-
          };
+
-
          var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
+
width:922,
-
          var chart2 = new google.visualization.GeoChart(document.getElementById('regions_div2'));
+
 +
// Height
-
          chart.draw(data, options);
+
height:600,
-
          chart2.draw(data2, options);
+
// Elevation
-
      }
+
-
    </script>
+
 +
elevation: 50,
 +
 +
// Enable gradients
-
  </head>
+
gradients: true,
-
  <body>
+
-
    <div id="regions_div" style="width: 900px; height: 500px;"></div>
+
// Auto center this flipbook
-
    <div id="regions_div2" style="width: 900px; height: 500px;"></div>
+
 
-
  </body>
+
autoCenter: true
 +
 
 +
});
 +
}
 +
 
 +
// Load the HTML4 version if there's not CSS transform
 +
 
 +
yepnope({
 +
test : Modernizr.csstransforms,
 +
yep: ['../../lib/turn.js'],
 +
nope: ['../../lib/turn.html4.min.js'],
 +
both: ['css/basic.css'],
 +
complete: loadApp
 +
});
 +
 
 +
</script>
 +
 
 +
</body>
</html>
</html>

Latest revision as of 07:43, 15 November 2014

Retrieved from "http://2014.igem.org/Team:Virginia/Test"