Team:TCU Taiwan/Notebook

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
-
 
{{CSS/Main}}
{{CSS/Main}}
Line 8: Line 5:
<meta name="google-site-verification" content="pY8JgIYK6zMi9LoymHQcUKbj-xnD-rcPBrYI-xllU9o" />
<meta name="google-site-verification" content="pY8JgIYK6zMi9LoymHQcUKbj-xnD-rcPBrYI-xllU9o" />
-
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
-
    <script type="text/javascript" language="javascript">
+
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
-
        $(document).ready(function(){
+
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
-
            $('.ann_header')
+
<script type="text/javascript" src="http://www.pureexample.com/js/lib/jquery.ui.touch-punch.min.js"></script>
-
            .hover(function() {
+
-
                cursorChange(this);
+
-
            })
+
 
-
            .click(function() {
+
<style type="text/css">
-
                foldToggle(this);
+
#accordion {
-
            });
+
    font-size: 50%;
-
            //.trigger('click');
+
}
-
           
+
</style>
-
            $('.ann_sub_header')
+
-
            .hover(function() {
+
-
                cursorChange(this);
+
 
-
            })
+
<script>
-
            .click(function() {
+
$(function () {
-
                 foldToggle(this);
+
        $("#accordion").accordion({
-
            })
+
                 heightStyle: "fill",
-
            .trigger('click');  // 預設是折疊起來
+
                collapsible: true
-
           
+
         });
         });
-
       
+
       
-
        // 打開or摺疊選單
+
         $("input").each(function () {
-
         function foldToggle(element) {
+
                $(this).change(function () {
-
            $(element).next('ul').slideToggle();
+
                        if ($(this).attr("id") == "disableCollapsible") {
-
        }
+
                                $("#accordion").accordion("option", "collapsible", false);
-
       
+
                        } else {
-
        // 讓游標移到標題上時，圖案會變成手指
+
                                $("#accordion").accordion("option", "collapsible", true);
-
        function cursorChange(element, cursorType) {
+
                        }
-
            $(element).css('cursor', 'pointer');
+
-
         }
+
                });
-
    </script>
+
         });
 +
});
 +
</script>
</head>
</head>
<body style="background:#ffffff">
<body style="background:#ffffff">
Line 192: Line 190:
</td>
</td>
 +
<div style="height:250px">
 +
    <div id="accordion">
 +
        <h3>頁籤 1</h3>
 +
        <div>頁籤 1 內容</div>
 +
       
 +
        <h3>頁籤 2</h3>     
 +
        <div>頁籤 2 內容</div>
 +
       
 +
        <h3>頁籤 3</h3>
 +
        <div>頁籤 3 內容</div>
 +
    </div>
 +
</div>
<td>
<td>
-
<ul>
+
 
-
        <li>
+
-
            <h3 class='ann_header'>---大標題1---</h3>
+
-
            <ul>
+
-
                <li>
+
-
                    <h4 class='ann_sub_header'>---小標題1---</h4>
+
-
                    <ul>
+
-
                        <li>
+
-
                            ---內容1---
+
-
                        </li>
+
-
                        <br/>
+
-
                        <li>
+
-
                            ---內容2---
+
-
                        </li>
+
-
                    </ul>
+
-
                </li>
+
-
            </ul>
+
-
        </li>
+
-
        <li>
+
-
            <h3 class='ann_header'>---大標題2---</h3>
+
-
            <ul>
+
-
                <li>
+
-
                    <h4 class='ann_sub_header'>---小標題2---</h4>
+
-
                    <ul>
+
-
                        <li>
+
-
                            ---內容3---
+
-
                        </li>
+
-
                        <br/>
+
-
                        <li>
+
-
                            ---內容4---
+
-
                        </li>
+
-
                        <br/>
+
-
                        <li>
+
-
                            ---內容5---
+
-
                        </li>
+
-
                    </ul>
+
-
                </li>
+
-
            </ul>
+
-
        </li>
+
-
    </ul>
+
</td>
</td>
<td></td>
<td></td>

Revision as of 13:46, 22 September 2014

  Notebook  

頁籤 1

頁籤 1 內容

頁籤 2

頁籤 2 內容

頁籤 3

頁籤 3 內容

Notebook

You should make use of the calendar feature on the wiki and start a lab notebook. This may be looked at by the judges to see how your work progressed throughout the summer. It is a very useful organizational tool as well.

Retrieved from "http://2014.igem.org/Team:TCU_Taiwan/Notebook"