"
Team:KAIST Korea/Calendar
From 2012.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | |||
<head> | <head> | ||
| + | |||
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/u/101383736/livepreview.magi.css" /> | <link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/u/101383736/livepreview.magi.css" /> | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
<script type="text/javascript" src="https://dl.dropbox.com/u/101383736/livepreview.magi.js"></script> | <script type="text/javascript" src="https://dl.dropbox.com/u/101383736/livepreview.magi.js"></script> | ||
| + | <script type="text/javascript" src="https://dl.dropbox.com/u/101383736/all.js"></script> | ||
</head> | </head> | ||
| + | |||
| + | |||
<body> | <body> | ||
| + | |||
<div id="main"> | <div id="main"> | ||
| + | <div id="tabs_example_one" class="subsection_tabs"> | ||
| + | |||
<div class="calender" style="position:relative;left:125px;top:-40px;border-style: dashed;border-color: #CCC;border-width: 1px;"> | <div class="calender" style="position:relative;left:125px;top:-40px;border-style: dashed;border-color: #CCC;border-width: 1px;"> | ||
<div class="event"> | <div class="event"> | ||
| Line 14: | Line 22: | ||
</div> | </div> | ||
</div> | </div> | ||
| - | </br> </br> </br> | + | </div> |
| + | </br></br></br> | ||
<div id="kaistcontent"> | <div id="kaistcontent"> | ||
| + | <div id="9_23">This is the simplest example of a set of tabs.</div> | ||
| + | <div id="9_24">Note that the styling for the tabs is done with CSS, not the Control.Tabs script.</div> | ||
| + | |||
<section id="9_22"> | <section id="9_22"> | ||
Hello~~ | Hello~~ | ||
| Line 24: | Line 36: | ||
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> | </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br> | ||
</br></br></br></br></br></br></br></br></br></br></br></br></br> | </br></br></br></br></br></br></br></br></br></br></br></br></br> | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
<section id="9_25"> | <section id="9_25"> | ||
| Line 54: | Line 56: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
| + | <script> | ||
| + | document.observe('dom:loaded',function(){ | ||
| + | new Control.Tabs('tabs_example_one'); | ||
| + | }); | ||
| + | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 11:34, 6 September 2012
February
08/26/2012
This is the simplest example of a set of tabs.
Note that the styling for the tabs is done with CSS, not the Control.Tabs script.
