Team:Virginia/Tabs

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<head> <meta charset="utf-8" />
+
<head>
 +
  <meta charset="utf-8">
   <title>jQuery UI Tabs - Default functionality</title>
   <title>jQuery UI Tabs - Default functionality</title>
-
   <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
+
   <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
-
   <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
+
   <script src="//code.jquery.com/jquery-1.10.2.js"></script>
-
   <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
+
   <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
-
   <script type="text/javascript" src="https://www.google.com/jsapi"></script>
+
   <link rel="stylesheet" href="/resources/demos/style.css">
-
 
+
  <script>
-
    
+
  $(function() {
-
   </head>
+
    $( "#tabs" ).tabs();
-
 
+
   });
 +
   </script>
 +
</head>
<body>
<body>
-
 
+
   
-
 
+
-
 
+
-
<!-- Tabs -->
+
-
  <script>
+
-
$(function() {
+
-
drawChart1();
+
-
drawChart2();
+
-
$( "#tabs" ).tabs();
+
-
});
+
-
</script>
+
<div id="tabs">
<div id="tabs">
-
<ul>
+
  <ul>
-
<li><a href="#tabs-0">Finanzas</a></li>
+
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
-
<li><a href="#tabs-1">Ventas</a></li>
+
    <li><a href="#tabs-2">Proin dolor</a></li>
-
</ul>
+
    <li><a href="#tabs-3">Aenean lacinia</a></li>
-
<div id="tabs-0"><p>
+
  </ul>
-
  <div id="chart-2"></div>
+
  <div id="tabs-1">yo1</div>
-
</p></div>
+
  <div id="tabs-2">yo2</div>
-
<div id="tabs-1"><p>
+
  <div id="tabs-3">yo</div>
-
  <div id="chart-1"></div>
+
-
</p></div>
+
</div>
</div>
-
 
+
 +
</body>
</body>
</html>
</html>

Revision as of 18:07, 16 October 2014

jQuery UI Tabs - Default functionality

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