|
|
Line 10: |
Line 10: |
| | | |
| <script type="text/javascript" src="https://2015.igem.org/Template:Heidelberg/js/primer?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2015.igem.org/Template:Heidelberg/js/primer?action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript">
| |
− |
| |
− | $(document).ready(function () {
| |
− | var pos_menu;
| |
− | /*
| |
− | pos_menu = $('.container-fluid > .menu').offset().top;
| |
− | var pos_title = $('.container-fluid > .title').offset().top;
| |
− | $descidold = '';
| |
− | $panelid = '#1001';
| |
− | $(window).scroll(function () {
| |
− | var scroll_top = $(window).scrollTop();
| |
− |
| |
− | if (scroll_top > (pos_title - 42)) {
| |
− | $('.container-fluid > .title').css({ 'position': 'fixed', 'top': '45px', 'margin-left': 'auto' });
| |
− | } else {
| |
− | $('.container-fluid > .title').css({ 'position': 'relative', 'top': '0px' });
| |
− | }
| |
− |
| |
− | if (scroll_top > pos_menu) {
| |
− | $('.container-fluid > .menu').css({ 'position': 'fixed', 'top': '0px', 'margin-left': 'auto' });
| |
− | } else {
| |
− | $('.container-fluid > .menu').css({ 'position': 'relative', 'top': '0px' });
| |
− | }
| |
− | });
| |
− | */
| |
− | });
| |
− |
| |
− | $(function() {
| |
− | $("#notebookpanel").hover(
| |
− | function() {
| |
− | $(this).css("background", "linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)),url(https://static.igem.org/mediawiki/2015/thumb/a/ad/Heidelberg_media_pictures_notebook_color.png/800px-Heidelberg_media_pictures_notebook_color.png)")
| |
− | },
| |
− | function() {
| |
− | $(this).css("background","linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)),url(https://static.igem.org/mediawiki/2015/thumb/4/40/Heidelberg_media_pictures_notebook_bw.png/800px-Heidelberg_media_pictures_notebook_bw.png)");
| |
− | });
| |
− | });
| |
− |
| |
− | $(function () {
| |
− | $('.timeline li .timeline-panel').click(function () {
| |
− | adjustview();
| |
− | $panelid = '#' + $(this).attr('id');
| |
− | var descid = '#desc' + $(this).attr('id');
| |
− |
| |
− | timeline(descid);
| |
− |
| |
− | });
| |
− | })
| |
− |
| |
− | $(function () {
| |
− | $('.timeline li .timeline-badge').click(function () {
| |
− | shrinkTimeline();
| |
− | })
| |
− | })
| |
− |
| |
− | function timeline(descid) {
| |
− | console.log(descid + ', ' + $descidold);
| |
− | extendTimeline();
| |
− | if ($descidold == descid) {
| |
− | adjustview();
| |
− | /* maybe I'll do something here later */
| |
− | } else {
| |
− | $($descidold).css({ "display": "none" });
| |
− | extendTimelinePanel(descid);
| |
− | }
| |
− | }
| |
− |
| |
− | function adjustview() {
| |
− | // $('html, body').animate({ scrollTop: ($($panelid).offset().top - 105) }, 500);
| |
− | // console.log($($panelid).offset().top);
| |
− | }
| |
− |
| |
− | function extendTimelinePanel(descid) {
| |
− | $(descid).css({ "display": "block" });
| |
− | $descidold = descid;
| |
− | adjustview();
| |
− | }
| |
− |
| |
− | function extendTimeline() {
| |
− | $(".timeline-badge").animate({ "left": "5%" });
| |
− |
| |
− | $(".timeline li .timeline-panel").animate({ "width": "820px" });
| |
− | $(".timeline li .timeline-panel").css({ "float": "right" });
| |
− | $(".timeline li .timeline-panel").addClass('active');
| |
− | $(".timeline li .timeline-panel").css({ "border-right": "5px solid #4063D7" });
| |
− | $(".timeline li .timeline-panel").css({ "border-left": "0px" });
| |
− | $(".timeline").addClass('active');
| |
− | }
| |
− |
| |
− | function shrinkTimeline() {
| |
− | $(".timeline-badge").animate({ "left": "50%" });
| |
− | $(".timeline").removeClass('active');
| |
− | $(".description").css({ "display": "none" });
| |
− |
| |
− | $(".timeline li .timeline-panel").css({ "float": "left" });
| |
− | $(".timeline li.timeline-inverted .timeline-panel").css({ "float": "right" });
| |
− | $(".timeline li .timeline-panel").animate({ "margin-left": "0px" });
| |
− | $(".timeline li .timeline-panel").animate({ "left": "0px" });
| |
− | $(".timeline li .timeline-panel").animate({ "width": "415px" });
| |
− | $(".timeline li .timeline-panel").css({ "border-left": "5px solid #4063D7" });
| |
− | $(".timeline li .timeline-panel").css({ "border-right": "0px" });
| |
− | $(".timeline li.timeline-inverted .timeline-panel").css({ "border-right": "5px solid #4063D7" });
| |
− | $(".timeline li.timeline-inverted .timeline-panel").css({ "border-left": "0px" });
| |
− | $descidold = '';
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <!-- Replace text -->
| |
− |
| |
− | function primer(id){
| |
− | showId = id.replace(/xx/g, "").toUpperCase();
| |
− | var primername = '$' + id + '_name';
| |
− | var primerseq = '$' + id + '_seq';
| |
− | try{
| |
− | var toolcontent = '<strong>' + eval(primername) + '</strong><br/>' + eval(primerseq);
| |
− | return '<span class="tooltipster" title="' + toolcontent + '">' + showId + '</span>';
| |
− | } catch(err) {;}
| |
− | };
| |
− |
| |
− | $(function() {
| |
− | $("body *").replaceText( /xx.....xx/gi, primer);
| |
− | $('.tooltipster').tooltipster({
| |
− | contentAsHTML: true
| |
− | });
| |
− | });
| |
− |
| |
− | <!-- Replace text ende -->
| |
− |
| |
− | // Used to expand and collapse logbook entries
| |
− | $(function() {
| |
− | $('.notebooktext').hide();
| |
− | $('.notebookheading').on('click', function(event) {
| |
− | $(this).siblings().filter('.notebooktext').slideToggle();
| |
− | event.preventDefault();
| |
− | });
| |
− | });
| |
− |
| |
− | MathJax.Hub.Config({
| |
− | tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]},
| |
− | jax: ["input/TeX","output/SVG"]
| |
− | });
| |
− |
| |
− |
| |
− | </script>
| |
| <script type="text/javascript" src="https://2015.igem.org/Template:Heidelberg/js/bootstrapmin?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2015.igem.org/Template:Heidelberg/js/bootstrapmin?action=raw&ctype=text/javascript"></script> |
| <script type="text/javascript" src="https://2015.igem.org/Template:Heidelberg/js/jasnybootstrapmin?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2015.igem.org/Template:Heidelberg/js/jasnybootstrapmin?action=raw&ctype=text/javascript"></script> |