- 1. A network of chemical reactions in fixed-volume, well-stirred conditions that model the production and consumption of AHL as well as the systems regulatory elements.
- 2. A custom growth model that evolves an initial inoculation to the environment's assumed carrying capacity.
- 3. A diffusive model for the evolution of AHL spatial distribution.
CharisKomos (Talk | contribs) |
CharisKomos (Talk | contribs) |
||
(120 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
− | |||
− | |||
− | |||
− | + | <style>body{ min-width: 1200px; }</style> | |
+ | <!-- >>>>> Meta <<<<< --> | ||
+ | <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' /> | ||
− | <script> | + | <!-- Smooth Scroling Reference --> |
− | + | <script type='text/javascript' src='https://2017.igem.org/Template:Greece/smooth_scrolling_reference?action=raw&ctype=text/javascript'></script> | |
− | void(document.getElementById(' | + | |
− | + | <!-- MathJax Library --> | |
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> | ||
+ | <script type="text/x-mathjax-config"> | ||
+ | MathJax.Hub.Config({ | ||
+ | tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]} | ||
+ | }); | ||
+ | </script> | ||
+ | <script type="text/javascript" async src="path-to-mathjax/MathJax.js?config=TeX-AMS_CHTML"></script> | ||
+ | |||
+ | <!-- Google Fonts --> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet"> | ||
+ | |||
+ | <!-- Call Jquery --> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Template:Greece/latest_jquery?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- >>>>> General Stylesheets <<<<< --> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/CSS?action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/xlarge?action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/large?action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/medium?action=raw&ctype=text/css" /> | ||
+ | |||
+ | <!-- >>>>> General Scripts <<<<< --> | ||
+ | |||
+ | <!-- On document.ready --> | ||
+ | <script> | ||
+ | $( document ).ready(function(){ | ||
+ | void(window.document.title = 'MODEL'); | ||
+ | |||
+ | //HIDE | ||
+ | setTimeout(function(){void(document.getElementById('loading-background').style.display = 'none')}, 5000); | ||
+ | |||
+ | //SHOW | ||
+ | void(document.getElementById('main-wraper').style.display = 'block'); | ||
+ | void(document.getElementById('svg_graphics_box').style.display = 'block'); | ||
+ | void(document.getElementById('video').style.display = 'block'); | ||
+ | |||
// Change color of current link | // Change color of current link | ||
$('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); }); | $('a[href*="' +window.location.href+'"]').each(function() { $(this).css('color', '#000000'); }); | ||
− | + | /* Plugin for smooth scroll down */ | |
− | + | (function($) { | |
− | + | $.fn.goTo = function() { | |
− | + | $('html, body').animate({ | |
− | + | scrollTop: $(this).offset().top + 'px'}, 1000); | |
− | + | return this; // for chaining... | |
− | + | } | |
− | + | })(jQuery); | |
− | + | sessionStorage.setItem('KEY', 'Model'); | |
− | + | ||
− | + | if(link !== master){ if(link !== null){ | |
− | + | $('#display_box').css('display', 'block'); | |
− | + | $('.display_frame').removeClass('reveal'); | |
− | + | $('#' + link).addClass('reveal'); | |
+ | $('#footer').addClass('reveal'); | ||
+ | $('#ct1').goTo(); | ||
+ | void(document.title = link.toUpperCase()); | ||
+ | }} | ||
+ | controllingGeneralStyle(); | ||
+ | window.location.href != 'https://2017.igem.org/Team:Greece/Model' ? $('#back_to_top').css('display', 'block') : $('#back_to_top').css('display', 'none'); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <!-- Master Script --> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Template:Greece/master_script?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- Subsection onHover Functionality --> | ||
+ | <script> | ||
+ | function onHoverChanges(idz){ | ||
+ | $('#'+idz).css('opacity','1'); | ||
+ | } | ||
+ | |||
+ | function onHoverHide(idz){ | ||
+ | $('.circlez').css('opacity','0.8'); | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | <!-- Display Subsection Functionality --> | ||
+ | <script> | ||
+ | |||
+ | function displayMe(idz){ | ||
+ | $('#display_box').css('display', 'block'); | ||
+ | var stateMsg; | ||
+ | switch(idz){ | ||
+ | case 'c_t1': stateMsg = 'Quorum_Sensing'; | ||
+ | break; | ||
+ | case 'c_t2': stateMsg = 'RNAi_Classifier_Design'; | ||
+ | break; | ||
+ | case 'c_t3': stateMsg = 'Protein_Structure_Prediction'; | ||
+ | break; | ||
+ | case 'c_t4': stateMsg = 'Colon_Cancer_Fluid_Dynamics'; | ||
+ | break; | ||
} | } | ||
+ | window.history.replaceState(null, null, stateMsg); | ||
+ | $('.display_frame').removeClass('reveal'); | ||
+ | $('#' + stateMsg).addClass('reveal'); | ||
+ | $('#footer').addClass('reveal'); | ||
+ | //scrollTillBottom(); | ||
+ | $('#ct1').goTo(); | ||
+ | void(document.title = stateMsg.toUpperCase()); | ||
+ | controllingGeneralStyle(); | ||
+ | $('#back_to_top').css('display', 'block'); | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | var str = 'https://2017.igem.org/Team:Greece/'; | ||
+ | var referrer = document.referrer; | ||
+ | var check = referrer.substring(str.length, referrer.length); | ||
+ | console.log(check); | ||
+ | var new_height; | ||
+ | switch(check){ | ||
+ | /*Project*/ | ||
+ | case 'Quorum_Sensing' : new_height = 2000; | ||
+ | break; | ||
+ | case 'RNAi_Classifier_Design' : new_height = 13850; | ||
+ | break; | ||
+ | case 'Protein_Structure_Prediction' : new_height = 1300; | ||
+ | break; | ||
+ | case 'Colon_Cancer_Fluid_Dynamics' : new_height = 1350; | ||
+ | break; | ||
+ | } | ||
+ | $('#display_box').css('height', new_height); | ||
</script> | </script> | ||
+ | |||
</head> | </head> | ||
<body> | <body> | ||
− | < | + | <span id='top_flag' style='position: absolute; z-index: -100; margin: -100px 0px 0px 0px;'></span> |
− | + | <!-- Loading Screen --> | |
− | + | <div id='loading-background'> | |
− | + | <img id='loading-gif' src='https://static.igem.org/mediawiki/2017/c/c6/Greekom_loading_gif.gif' alt='Loading...' /> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<!-- Navigation Bar --> | <!-- Navigation Bar --> | ||
− | <div id='main-wraper' | + | <div style='display: none;' id='main-wraper'> |
− | + | ||
<div class='menu_wrap'></div> | <div class='menu_wrap'></div> | ||
<nav class='menu'> | <nav class='menu'> | ||
<ul class='clearfix' id='list'> | <ul class='clearfix' id='list'> | ||
− | <li><a target='_self' href='https://2017.igem.org/Team:Greece | + | <li id='startOfPage'><a target='_self' href='https://2017.igem.org/Team:Greece'> |
<img class='logo' id='logo' src='https://cldup.com/0IRxBwvTKJ.png' /></a></li> | <img class='logo' id='logo' src='https://cldup.com/0IRxBwvTKJ.png' /></a></li> | ||
− | <!--<li class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece | + | <!--<li class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece'>HOME</a></li>--> |
<span id='just_to_align'> | <span id='just_to_align'> | ||
− | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/ | + | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/Project'>PROJECT</a></li> |
− | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/ | + | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/Model'>MODELING</a></li> |
<li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/human_practices'>HUMAN PRACTICES</a></li> | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/human_practices'>HUMAN PRACTICES</a></li> | ||
− | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/ | + | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/Achievements'>ACHIEVEMENTS</a></li> |
− | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/ | + | <li style='width:' class='li_indiv'><a target='_self' href='https://2017.igem.org/Team:Greece/Team'>TEAM</a></li> |
</span> | </span> | ||
</ul> | </ul> | ||
Line 68: | Line 161: | ||
</div> | </div> | ||
− | <!-- | + | <svg style='display:none; position:absolute; z-index:1000;' id='svg_graphics_box' class='responsive_box' height="580" width='99%' viewBox="0 0 800 700"> |
+ | <!--min-x, min-y, width, height--> | ||
− | + | <a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))"> | |
− | + | <circle class='circlez' cx="-230" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t1' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | |
− | + | <text class='animate_text' id='t1' x='0' y='335' text-anchor='middle' fill='#000000'> | |
+ | <tspan x="-227" dy="1em" onclick="displayMe('c_t1')" id='f_circle_textA'>QUORUM</tspan> | ||
+ | <tspan x="-230" dy="1.5em" onclick="displayMe('c_t1')" id='f_circle_textB'>SENSING</tspan> | ||
+ | </text></a> | ||
+ | |||
+ | <a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))"> | ||
+ | <circle class='circlez' cx="190" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t2' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
+ | <text class='animate_text' x='0' y='335' text-anchor='middle' fill='#000000'> | ||
+ | <tspan x="195" dy="0em" onclick="displayMe('c_t2')" id='s_circle_textA'>RNAi</tspan> | ||
+ | <tspan x="195" dy="1.5em" onclick="displayMe('c_t2')" id='s_circle_textB'>CLASSIFIER</tspan> | ||
+ | <tspan x="193" dy="1.5em" onclick="displayMe('c_t2')" id='s_circle_textC'>DESIGN</tspan> | ||
+ | </text></a> | ||
+ | |||
+ | <a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))"> | ||
+ | <circle class='circlez' cx="610" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t3' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
+ | <text class='animate_text' id='t3' x='0' y='335' text-anchor='middle' fill='#000000'> | ||
+ | <tspan x="612" dy="0em" onclick="displayMe('c_t3')" id='t_circle_textA'>PROTEIN</tspan> | ||
+ | <tspan x="610" dy="1.5em" onclick="displayMe('c_t3')" id='t_circle_textB'>STRUCTURE</tspan> | ||
+ | <tspan x="610" dy="1.5em" onclick="displayMe('c_t3')" id='t_circle_textC'>PREDICTION</tspan> | ||
+ | </text></a> | ||
+ | |||
+ | <a href='#' onmouseover="onHoverChanges( $(this).children('circle:first').attr('id') )" onmouseleave="onHoverHide($(this).children('circle:first').attr('id'))"> | ||
+ | <circle class='circlez' cx="1020" cy="365" r="135" stroke='#ffffff' stroke-width="0" fill="white" id='c_t4' onclick="displayMe(this.id)" onmouseover="onHoverChanges(this.id)" /> | ||
+ | <text class='animate_text' id='t4' x='0' y='335' text-anchor='middle' fill='#000000'> | ||
+ | <tspan x="1025" dy="-0.5em" onclick="displayMe('c_t4')" id='fo_circle_textA'>COLON</tspan> | ||
+ | <tspan x="1023" dy="1.5em" onclick="displayMe('c_t4')" id='fo_circle_textB'>CANCER</tspan> | ||
+ | <tspan x="1025" dy="1.5em" onclick="displayMe('c_t4')" id='fo_circle_textC'>FLUID</tspan> | ||
+ | <tspan x="1023" dy="1.5em" onclick="displayMe('c_t4')" id='fo_circle_textD'>DYNAMICS</tspan> | ||
+ | </text></a> | ||
+ | </svg> | ||
− | + | <!-- Video Background --> | |
− | + | <video id="video" autoplay="autoplay" muted="muted" preload="auto" loop="loop"> | |
+ | <source src="https://static.igem.org/mediawiki/2017/5/57/GreeKom_modeling_background_video_clear.mp4" type="video/mp4"> | ||
+ | <!--<source src="https://static.igem.org/mediawiki/2017/5/55/GreeKom_slow_wave_video_background.webm" type="video/webm">--> | ||
+ | </video> | ||
− | + | <!-- Subsection Box --> | |
− | + | <div id='display_box'> | |
− | + | <div id='ct1'> | |
− | + | <div id='Quorum_Sensing' width='100%' height='100%' class='display_frame hide'></html>{{Greece/Quorum_Sensing}}<html></div> | |
+ | </div> | ||
− | + | <div id='RNAi_Classifier_Design' width='100%' height='100%' class='display_frame hide'></html>{{Greece/RNAi_Classifier_Design}}<html></div> | |
− | + | ||
− | + | ||
− | < | + | <div id='Protein_Structure_Prediction' width='100%' height='100%' class='display_frame hide' ></html>{{Greece/PSP}}<html></div> |
− | < | + | |
− | + | ||
− | + | ||
− | } | + | |
− | + | <div id='Colon_Cancer_Fluid_Dynamics' width='100%' height='100%' class='display_frame hide' ></html>{{Greece/CCFD}}<html></div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div id='back_to_top' onmouseover="$(this).css('cursor', 'pointer')" onclick='backToTop()' ></div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <script> | |
− | + | function backToTop(){ | |
− | + | /*$('html, body').animate({scrollTop: '-=17500px'}, 1800);*/ | |
− | + | $('#top_flag').goTo(); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
+ | </script> | ||
− | / | + | <!-- Footer Box --> |
+ | <div id='footer' style='background:#ffffff; position: absolute; width:100%; height: 220px; z-index:1000;' class='hide'> | ||
+ | <img style='position:relative; width:100%; height:100%;' src='https://static.igem.org/mediawiki/2017/3/3a/Greekom_footer_new.png' /> | ||
+ | </div> | ||
− | + | <!-- Special Style --> | |
− | + | <style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | # | + | #svg_graphics_box{ margin: 0px 0px 0px 0px;} |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | . | + | .circlez{ opacity: 0.8; } |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | . | + | .animate_text{ font-size: 25px; } |
− | + | ||
− | + | ||
− | } | + | |
− | + | .circlez, .animate_text{ cursor: pointer; } | |
− | + | ||
− | } | + | |
− | + | ||
− | + | .opace{ opacity: 1; } | |
− | + | ||
− | + | .hide{ display:none;} | |
− | + | ||
− | + | .reveal{ display: block; } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | .slide_out{ left: -800px; } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | . | + | .slide_in{ left: 0px; } |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | video{ | |
− | + | position: fixed; | |
− | + | display:none; | |
− | + | top: 0%; | |
− | + | left: 0%; | |
− | + | min-width: 100%; | |
− | + | min-height: 100%; | |
− | + | width: inherit; | |
− | + | height: inherit; | |
− | + | z-index: 999; | |
− | + | overflow: hidden; | |
− | + | zoom: 0.5; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
</style> | </style> | ||
− | <!-- | + | <!--Styling script--> |
− | + | ||
− | < | + | <!-- This script exists due to the innability of changing the <x> attribute of <tspan> in circles --> |
+ | <script> | ||
+ | /* Media Queries in JavaScript using nested if statements */ | ||
+ | function onWindowResize(){ | ||
− | + | if(window.innerWidth > 1025){ | |
+ | if(window.innerWidth < 1367){ | ||
+ | $('#f_circle_textA').attr({ 'x': '-210' }); | ||
+ | $('#f_circle_textB').attr({ 'x': '-215' }); | ||
− | + | $('#s_circle_textA').attr({ 'x': '200' }); | |
+ | $('#s_circle_textB').attr({ 'x': '200' }); | ||
+ | $('#s_circle_textC').attr({ 'x': '198' }); | ||
− | + | $('#t_circle_textA').attr({ 'x': '617' }); | |
− | + | $('#t_circle_textB').attr({ 'x': '615' }); | |
− | + | $('#t_circle_textC').attr({ 'x': '613' }); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | } | |
+ | if(window.innerWidth >= 1367){ | ||
+ | $('#f_circle_textA').attr({ 'x': '-227' }); | ||
+ | $('#f_circle_textB').attr({ 'x': '-230' }); | ||
− | . | + | $('#s_circle_textA').attr({ 'x': '195' }); |
− | # | + | $('#s_circle_textB').attr({ 'x': '195' }); |
− | # | + | $('#s_circle_textC').attr({ 'x': '193' }); |
− | + | ||
+ | $('#t_circle_textA').attr({ 'x': '612' }); | ||
+ | $('#t_circle_textB').attr({ 'x': '610' }); | ||
+ | $('#t_circle_textC').attr({ 'x': '610' }); | ||
+ | } | ||
} | } | ||
− | } | + | $(window).resize(function () { |
+ | onWindowResize(); | ||
+ | }); | ||
+ | onWindowResize(); | ||
+ | </script> | ||
− | |||
− | |||
− | |||
− | |||
<script> | <script> | ||
//Changes shall apply under void() | //Changes shall apply under void() | ||
Line 397: | Line 322: | ||
// Same application for it's side effect (display an ugly div by default) | // Same application for it's side effect (display an ugly div by default) | ||
− | void(document.getElementById('user_item').style.display = 'none'); | + | //void(document.getElementById('user_item').style.display = 'none'); |
void(document.getElementById('sideMenu').style.display = 'none'); | void(document.getElementById('sideMenu').style.display = 'none'); | ||
var element = document.getElementById('home_logo'); | var element = document.getElementById('home_logo'); | ||
Line 403: | Line 328: | ||
delete element; | delete element; | ||
− | |||
− | |||
</script> | </script> | ||
− | < | + | |
− | + | <!-- panelQS1 --> | |
− | + | <script> | |
− | + | var callsQS1 = 0; | |
− | + | function sizeWindowQS1(){ | |
− | + | console.log('Clicked'); | |
− | + | if(callsQS1 % 2 == 0){ | |
− | + | $('#display_box').height(function (index, height) { | |
− | + | return (height - 7700); | |
+ | }); | ||
+ | }else{ | ||
+ | $('#display_box').height(function (index, height) { | ||
+ | return (height + 7700); | ||
+ | }); | ||
+ | } | ||
+ | callsQS1++; | ||
} | } | ||
− | </ | + | </script> |
+ | |||
+ | <!-- panelQS2 --> | ||
+ | <script> | ||
+ | var callsQS2 = 0; | ||
+ | function sizeWindowQS2(){ | ||
+ | console.log('Clicked'); | ||
+ | if(callsQS2 % 2 == 0){ | ||
+ | $('#display_box').height(function (index, height) { | ||
+ | return (height - 6820); | ||
+ | }); | ||
+ | }else{ | ||
+ | $('#display_box').height(function (index, height) { | ||
+ | return (height + 6820); | ||
+ | }); | ||
+ | } | ||
+ | callsQS2++; | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | <!-- panelCCFD --> | ||
+ | <script> | ||
+ | var callsCCFD = 0; | ||
+ | function sizeWindowCCFD(){ | ||
+ | console.log('Clicked'); | ||
+ | if(callsCCFD % 2 == 0){ | ||
+ | $('#display_box').height(function (index, height) { | ||
+ | return (height - 1400); | ||
+ | }); | ||
+ | }else{ | ||
+ | $('#display_box').height(function (index, height) { | ||
+ | return (height + 1400); | ||
+ | }); | ||
+ | } | ||
+ | callsCCFD++; | ||
+ | console.log(callsCCFD); | ||
+ | } | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 01:51, 17 December 2017