Difference between revisions of "Team:KU Leuven/Research/Methods"

Line 271: Line 271:
  
  
<div class="accordion">
+
<a href="#" class="unbind">Unbind</a>
  <dl>
+
<a href="#" class="rebind disabled">Rebind</a>
    <dt><a class="accordionTitle" href="#">First Accordion heading</a></dt>
+
    <dd class="accordionItem accordionItemCollapsed">
+
      <p>First Accordion Content</p>
+
    </dd>
+
    <dt><a href="#" class="accordionTitle">Second Accordion heading</a></dt>
+
    <dd class="accordionItem accordionItemCollapsed">
+
      <p>Second Accordion Content</p>
+
    </dd>
+
    <dt><a href="#" class="accordionTitle">Third Accordion heading</a></dt>
+
    <dd class="accordionItem accordionItemCollapsed">
+
      <p>Third Accordion Content</p>
+
    </dd>
+
  </dl>
+
</div>
+
  
 +
<div class="content">
  
<script type="text/javascript">
+
<h2>Some amazing header<span> doop</span></h2>
( function( window ) {
+
  
'use strict';
+
<p>Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae. Cum sociis natoque penatibus et magnis dis parturient. Unam incolunt Belgae, aliam Aquitani, tertiam. Hi omnes lingua, institutis, legibus inter se differunt.</p>
 +
<p>Curabitur blandit tempus ardua ridiculus sed magna. Quam diu etiam furor iste tuus nos eludet? Curabitur est gravida et libero vitae dictum. Qui ipsorum lingua Celtae, nostra Galli appellantur. Hi omnes lingua, institutis, legibus inter se differunt. Curabitur blandit tempus ardua ridiculus sed magna.</p>
 +
<p>Hi omnes lingua, institutis, legibus inter se differunt. Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Curabitur blandit tempus ardua ridiculus sed magna. Salutantibus vitae elit libero, a pharetra augue.</p>
  
function classReg( className ) {
+
<h2>And yet another...</h2>
  return new RegExp("(^|\\s+)" + className + "(\\s+|$)");
+
}
+
  
var hasClass, addClass, removeClass;
+
<p>Curabitur blandit tempus ardua ridiculus sed magna. Inmensae subtilitatis, obscuris et malesuada fames. Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Unam incolunt Belgae, aliam Aquitani, tertiam. Pellentesque habitant morbi tristique senectus et netus. Qui ipsorum lingua Celtae, nostra Galli appellantur.</p>
  
if ( 'classList' in document.documentElement ) {
+
<h2>Some amazing header</h2>
  hasClass = function( elem, c ) {
+
    return elem.classList.contains( c );
+
  };
+
  addClass = function( elem, c ) {
+
    elem.classList.add( c );
+
  };
+
  removeClass = function( elem, c ) {
+
    elem.classList.remove( c );
+
  };
+
}
+
else {
+
  hasClass = function( elem, c ) {
+
    return classReg( c ).test( elem.className );
+
  };
+
  addClass = function( elem, c ) {
+
    if ( !hasClass( elem, c ) ) {
+
      elem.className = elem.className + ' ' + c;
+
    }
+
  };
+
  removeClass = function( elem, c ) {
+
    elem.className = elem.className.replace( classReg( c ), ' ' );
+
  };
+
}
+
  
function toggleClass( elem, c ) {
+
<p id="para">Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae. Cum sociis natoque penatibus et magnis dis parturient. Unam incolunt Belgae, aliam Aquitani, tertiam. Hi omnes lingua, institutis, legibus inter se differunt.</p>
  var fn = hasClass( elem, c ) ? removeClass : addClass;
+
<p>Curabitur blandit tempus ardua ridiculus sed magna. Quam diu etiam furor iste tuus nos eludet? Curabitur est gravida et libero vitae dictum. Qui ipsorum lingua Celtae, nostra Galli appellantur. Hi omnes lingua, institutis, legibus inter se differunt. Curabitur blandit tempus ardua ridiculus sed magna.</p>
  fn( elem, c );
+
<p>Hi omnes lingua, institutis, legibus inter se differunt. Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Curabitur blandit tempus ardua ridiculus sed magna. Salutantibus vitae elit libero, a pharetra augue.</p>
}
+
  
var classie = {
+
<h2>And yet another...</h2>
  hasClass: hasClass,
+
  addClass: addClass,
+
  removeClass: removeClass,
+
  toggleClass: toggleClass,
+
  has: hasClass,
+
  add: addClass,
+
  remove: removeClass,
+
  toggle: toggleClass
+
};
+
  
if ( typeof define === 'function' && define.amd ) {
+
<p>Curabitur blandit tempus ardua ridiculus sed magna. Inmensae subtilitatis, obscuris et malesuada fames. Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Unam incolunt Belgae, aliam Aquitani, tertiam. Pellentesque habitant morbi tristique senectus et netus. Qui ipsorum lingua Celtae, nostra Galli appellantur.</p>
  define( classie );
+
} else {
+
  window.classie = classie;
+
}
+
  
})( window );
+
</div>
  
var $ = function(selector){
+
<script type="text/javascript">
  return document.querySelector(selector);
+
$(document).ready(function(){
}
+
$('.content').magicAccordion({
var accordion = $('.accordion');
+
headingTag : 'h2',
 
+
bodyClass : 'body',
accordion.addEventListener("click",function(e) {
+
headClass : 'head',
  e.stopPropagation();
+
activeClass : 'active',
  e.preventDefault();
+
speed : 200,
  if(e.target && e.target.nodeName == "A") {
+
easing : 'swing'
    var classes = e.target.className.split(" ");
+
}).on( 'opened.magic', function(e){
    if(classes) {
+
console.log(e.head);
      for(var x = 0; x < classes.length; x++) {
+
}).on( 'closed.magic', function(e){
        if(classes[x] == "accordionTitle") {
+
console.log(e.body);
          var title = e.target;
+
});
 
+
var app = $('.content').data( 'magic-accordion' );
          var content = e.target.parentNode.nextElementSibling;
+
$('.unbind').click( function(e) {
       
+
e.preventDefault();
          classie.toggle(title, 'accordionTitleActive');
+
app.unbind();
          if(classie.has(content, 'accordionItemCollapsed')) {
+
});
            if(classie.has(content, 'animateOut')){
+
$('.rebind').click( function(e) {
              classie.remove(content, 'animateOut');
+
e.preventDefault();
            }
+
app.rebind();
            classie.add(content, 'animateIn');
+
});
 
+
});
          }else{
+
</script>
            classie.remove(content, 'animateIn');
+
            classie.add(content, 'animateOut');
+
          }
+
          classie.toggle(content, 'accordionItemCollapsed');
+
 
+
        }
+
      }
+
    }
+
  }
+
});
+
  
</script>
+
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 07:42, 8 September 2015

Methods

  • P1 transduction


  • Gibson Assembly


  • Miniprep


  • Gel purification


  • Chemocompetent cells


  • Electrocompetent cells


  • Transformation

Unbind Rebind

Some amazing header doop

Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae. Cum sociis natoque penatibus et magnis dis parturient. Unam incolunt Belgae, aliam Aquitani, tertiam. Hi omnes lingua, institutis, legibus inter se differunt.

Curabitur blandit tempus ardua ridiculus sed magna. Quam diu etiam furor iste tuus nos eludet? Curabitur est gravida et libero vitae dictum. Qui ipsorum lingua Celtae, nostra Galli appellantur. Hi omnes lingua, institutis, legibus inter se differunt. Curabitur blandit tempus ardua ridiculus sed magna.

Hi omnes lingua, institutis, legibus inter se differunt. Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Curabitur blandit tempus ardua ridiculus sed magna. Salutantibus vitae elit libero, a pharetra augue.

And yet another...

Curabitur blandit tempus ardua ridiculus sed magna. Inmensae subtilitatis, obscuris et malesuada fames. Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Unam incolunt Belgae, aliam Aquitani, tertiam. Pellentesque habitant morbi tristique senectus et netus. Qui ipsorum lingua Celtae, nostra Galli appellantur.

Some amazing header

Nihilne te nocturnum praesidium Palati, nihil urbis vigiliae. Cum sociis natoque penatibus et magnis dis parturient. Unam incolunt Belgae, aliam Aquitani, tertiam. Hi omnes lingua, institutis, legibus inter se differunt.

Curabitur blandit tempus ardua ridiculus sed magna. Quam diu etiam furor iste tuus nos eludet? Curabitur est gravida et libero vitae dictum. Qui ipsorum lingua Celtae, nostra Galli appellantur. Hi omnes lingua, institutis, legibus inter se differunt. Curabitur blandit tempus ardua ridiculus sed magna.

Hi omnes lingua, institutis, legibus inter se differunt. Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Curabitur blandit tempus ardua ridiculus sed magna. Salutantibus vitae elit libero, a pharetra augue.

And yet another...

Curabitur blandit tempus ardua ridiculus sed magna. Inmensae subtilitatis, obscuris et malesuada fames. Vivamus sagittis lacus vel augue laoreet rutrum faucibus. Unam incolunt Belgae, aliam Aquitani, tertiam. Pellentesque habitant morbi tristique senectus et netus. Qui ipsorum lingua Celtae, nostra Galli appellantur.