Difference between revisions of "Team:TUDelft/PartsTest"

(Created page with "{{:Team:TUDelft/Load}} {{:Team:TUDelft/Head}} {{:Team:TUDelft/Header}} {{:Team:TUDelft/Banner}} <html> <head> <style> #Table_2 { overflow-x: auto; display: block; borde...")
 
Line 56: Line 56:
 
<br>
 
<br>
 
<br>
 
<br>
<div class="centerjustify">
+
<div class=" centerjustify">
 +
 
 +
            <p>Hello</p>
 +
            <br>
 +
            <br>
 +
 
 +
            <ul>
 +
                <li>
 +
                    <a class="toggle" href="javascript:void(0);" ><b>Best part</b></a>
 +
                    <div class="inner">
 +
<table id="tabletu">   
 +
 
 +
                            <tr>
 +
                                <th>&hearts; </th>
 +
                                <th> Name </th>
 +
                                <th> Description</th>
 +
                                <th> Designer</th>
 +
                            </tr>
 +
 
 +
 
 +
                            <tr>
 +
                                <td> &hearts; </td>
 +
                                <td> BBa_K2918000 </td>
 +
                                <td> blablablablablablablablablablablabla </td>
 +
                                <td> TU Delft 2019 </td>                       
 +
                            </tr>
 +
</table>
 +
<br>                       
 +
<p> Hello
 +
                        </p>
 +
 
 +
                    </div>
 +
                </li>
 +
 
 +
                <li>
 +
                    <a class="toggle" href="javascript:void(0);" ><b>Best composite part</b></a>
 +
                    <div class="inner">
 +
                        <table id="tabletu">   
 +
 
 +
                            <tr>
 +
                                <th>&hearts; </th>
 +
                                <th> Name </th>
 +
                                <th> Description</th>
 +
                                <th> Designer</th>
 +
                            </tr>
 +
 
 +
 
 +
                            <tr>
 +
                                <td> &hearts; </td>
 +
                                <td> BBa_K2918000 </td>
 +
                                <td> blablablablablablablablablablablabla </td>
 +
                                <td> TU Delft 2019 </td>                       
 +
                            </tr>
 +
</table>
 +
                    </div>
 +
                </li>
 +
 
 +
                <li>
 +
                    <a class="toggle" href="javascript:void(0);" ><b>Collection</b></a>
 +
                    <ul class="inner">
 +
                        <li>
 +
                            <a href="#" class="toggle"><b>Basic</b></a>
 +
                            <div class="inner">
 
<table id="Table_2" class="pgrouptable addborder tablesorter" style="width: 100%;" cellpadding="0" cellspacing="0"><thead><tr> <th>&hearts;</th><th style="width: 7em;" class="header">Name</th><th colspan="" style="padding-right:7px;" class="header">Type</th><th colspan="" style="padding-right:7px;" class="header headerSortDown">Description</th><th colspan="" style="padding-right:7px;" class="header">Designer</th><th colspan="" style="padding-right:7px;" class="header">Length</th></tr></thead><tbody>
 
<table id="Table_2" class="pgrouptable addborder tablesorter" style="width: 100%;" cellpadding="0" cellspacing="0"><thead><tr> <th>&hearts;</th><th style="width: 7em;" class="header">Name</th><th colspan="" style="padding-right:7px;" class="header">Type</th><th colspan="" style="padding-right:7px;" class="header headerSortDown">Description</th><th colspan="" style="padding-right:7px;" class="header">Designer</th><th colspan="" style="padding-right:7px;" class="header">Length</th></tr></thead><tbody>
  
Line 85: Line 147:
 
<form method="post" action="/cgi/partsdb/pgroup.cgi?pgroup=iGEM2019&amp;group=TUDelft" enctype="multipart/form-data"></form><input type="hidden" name="Editing" value="Editing"><input type="hidden" name="part" value="53812"><input type="hidden" name="pgroup" value="iGEM2019"><input type="hidden" name="group" value="TUDelft"></tr></tbody></table>
 
<form method="post" action="/cgi/partsdb/pgroup.cgi?pgroup=iGEM2019&amp;group=TUDelft" enctype="multipart/form-data"></form><input type="hidden" name="Editing" value="Editing"><input type="hidden" name="part" value="53812"><input type="hidden" name="pgroup" value="iGEM2019"><input type="hidden" name="group" value="TUDelft"></tr></tbody></table>
 
</div>
 
</div>
</div>
+
                            </div>
 +
                        </li>
 +
                    </ul>
 +
<script> $('.toggle').click(function(e) {
 +
        e.preventDefault();
  
<script>jQuery(document).ready( function(){
+
        var $this = $(this);
 +
 
 +
        if ($this.next().hasClass('show')) {
 +
            $this.next().removeClass('show');
 +
            $this.next().slideUp(350);
 +
        } else {
 +
            $this.parent().parent().find('li .inner').removeClass('show');
 +
            $this.parent().parent().find('li .inner').slideUp(350);
 +
            $this.next().toggleClass('show');
 +
            $this.next().slideToggle(350);
 +
        }
 +
    });
 +
 
 +
jQuery(document).ready( function(){
 
                 jQuery('#Table_2').tablesorter( {
 
                 jQuery('#Table_2').tablesorter( {
 
                     headers: {
 
                     headers: {
Line 94: Line 173:
 
                 } );
 
                 } );
 
             } );</script>
 
             } );</script>
 +
 +
 
</body>
 
</body>
 
</html>
 
</html>
 
 
{{:Team:TUDelft/Footer}}
 
{{:Team:TUDelft/Footer}}

Revision as of 23:39, 6 October 2019

Sci-Phi 29





Hello



  • Best part
    Name Description Designer
    BBa_K2918000 blablablablablablablablablablablabla TU Delft 2019

    Hello

  • Best composite part
    Name Description Designer
    BBa_K2918000 blablablablablablablablablablablabla TU Delft 2019
  • Collection