Difference between revisions of "Template:Team:TU Eindhoven/Timeline Script"

Revision as of 20:12, 18 September 2015

$(document).ready(function() { var eventInhoud = ['Designing of the desired constructs','Writing the protocols and gathering lab necessities','Gibson Assembly of LgBit & SmBit seperately in the pETDuet-1 vector','Gibson Assembly of LgBit & SmBit combined in the pETDuet-1 vector','Verifying sequences of the desired constructs','Gibson Assembly of Nanoluc & mNeongreen seperately in the pETDuet-1 vector (BRET system)','Gibson Assembly of Nanoluc & mNeongreen combined in the pETDuet-1 vector (BRET system)','Verifying sequences of the desired constructs','Verifying click reactions of seperate constructs with FACS', 'verifying fluorescense of seperate constructs','verifying bioluminescese of seperate constructs the BRET system and NanoBit']; for ( index = 1; index <= 11; index++){ $("

").appendTo("#timeline").css({'float':'left','width':'97px','height':'30px'}); $('' + eventInhoud[index-1] + '').appendTo("#event").css({'z-index':'-1','position':'absolute','top':'0','left':'0'}); } $(".timeBlock").hover(function(){ showEvent( $(this).attr('id').match(/\d+/) ) },function(){ }); function showEvent(idnr) { // hier komt de tekst voor je event (te zien als je hovert) // $('' + eventInhoud[idnr-1] + '').appendTo("#event") $('#eventsContainer').css({'margin-left':((idnr-2)*104+16).toString() + 'px'}); } });

@@ Line 8: / Line 8: @@
      $("<div class='timeBlock' id='timeBlock" + index.toString() + "'></div>").appendTo("#timeline").css({'float':'left','width':'97px','height':'30px'});
-$('<span class="tekst1" id=event'+ index.toString() +'>' + eventInhoud[index-1] + '</span>').appendTo("#event").css({'z-index':'-1'});
+$('<span class="tekst1" id=event'+ index.toString() +'>' + eventInhoud[index-1] + '</span>').appendTo("#event").css({'z-index':'-1','position':'absolute','top':'0','left':'0'});
 }