Team:Virginia/Tabs

From 2014.igem.org

(Difference between revisions)
Line 17: Line 17:
           var data = google.visualization.arrayToDataTable([
           var data = google.visualization.arrayToDataTable([
 +
              ['Region Code', 'Sub-Continent', 'Popularity'],
 +
              ['005', 'South America', 200],
 +
              ['154', 'Northern Europe', 150],
 +
              ['034', 'Southern Asia', 80],
 +
          ]);
 +
 +
          var data2 = google.visualization.arrayToDataTable([
               ['Region Code', 'Sub-Continent', 'Popularity'],
               ['Region Code', 'Sub-Continent', 'Popularity'],
               ['005', 'South America', 200],
               ['005', 'South America', 200],
Line 30: Line 37:
           var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
           var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
 +
  var chart2 = new google.visualization.GeoChart(document.getElementById('regions_div2'));
           chart.draw(data, options);
           chart.draw(data, options);
 +
chart2.draw(data2, options);
       }
       }
     </script>
     </script>
Line 54: Line 63:
   </ul>
   </ul>
   <div id="tabs-1"><div id="regions_div"></div></div>
   <div id="tabs-1"><div id="regions_div"></div></div>
-
   <div id="tabs-2">yo2</div>
+
   <div id="tabs-2"><div id="regions_div2"></div></div>
   <div id="tabs-3">yo</div>
   <div id="tabs-3">yo</div>
</div>
</div>

Revision as of 18:13, 16 October 2014

jQuery UI Tabs - Default functionality