Team:Virginia/Test

From 2014.igem.org

(Difference between revisions)
 
(63 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', 'Continent', 'Popularity'],
 
-
              ['142', 'Asia', 200],
 
-
              ['150', 'Europe', 300],
 
-
              ['019', 'Americas', 400],
 
-
              ['009', 'Oceania', 600],
 
-
              ['002', 'Africa', 700]
 
-
          ]);
 
-
          var options = {
+
<script type="text/javascript">
-
              resolution: 'continents'
+
-
          };
+
-
          var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
+
function loadApp() {
-
          chart.draw(data, options);
+
// Create the flipbook
-
      }
+
 
-
    </script>
+
$('.flipbook').turn({
-
  </head>
+
// Width
-
  <body>
+
 
-
    <div id="regions_div" style="width: 900px; height: 500px;"></div>
+
width:922,
-
  </body>
+
 +
// Height
 +
 
 +
height:600,
 +
 
 +
// Elevation
 +
 
 +
elevation: 50,
 +
 +
// Enable gradients
 +
 
 +
gradients: true,
 +
 +
// Auto center this flipbook
 +
 
 +
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"