Difference between revisions of "Team:Freiburg/Testpage3"
| Line 99: | Line 99: | ||
#second, | #second, | ||
#third, | #third, | ||
| − | #fourth{ | + | #fourth, |
| + | #fifth, | ||
| + | #sixth, | ||
| + | #seventh, | ||
| + | #eighth { | ||
left: -1000px; | left: -1000px; | ||
-ms-transition: tranform 1s ease; | -ms-transition: tranform 1s ease; | ||
| Line 210: | Line 214: | ||
// see: http://atomicrobotdesign.com/blog/web-development/how-to-disable-a-button-until-a-jquery-animation-has-finished/ // | // see: http://atomicrobotdesign.com/blog/web-development/how-to-disable-a-button-until-a-jquery-animation-has-finished/ // | ||
// bind the button to the function, so it can be unbound in the code and the button isnt clickable any more // | // bind the button to the function, so it can be unbound in the code and the button isnt clickable any more // | ||
| − | $("#buttonleft").bind("click", | + | $("#buttonleft").bind("click", moveright); |
| − | function | + | function moveright(e) { |
// unbind the button // | // unbind the button // | ||
$("#buttonleft").unbind(); | $("#buttonleft").unbind(); | ||
| Line 244: | Line 248: | ||
else if (distance ==4) { | else if (distance ==4) { | ||
| + | console.log("Distance: "+distance); | ||
| + | $('#first').css({"z-index": "100"}); | ||
| + | $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | ||
| + | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); | ||
| + | $('#fourth').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | ||
| + | distance = 1; | ||
| + | } | ||
| + | |||
| + | else if (distance ==5) { | ||
| + | console.log("Distance: "+distance); | ||
| + | $('#first').css({"z-index": "100"}); | ||
| + | $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | ||
| + | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); | ||
| + | $('#fourth').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | ||
| + | distance = 1; | ||
| + | } | ||
| + | |||
| + | else if (distance ==6) { | ||
| + | console.log("Distance: "+distance); | ||
| + | $('#first').css({"z-index": "100"}); | ||
| + | $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | ||
| + | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); | ||
| + | $('#fourth').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | ||
| + | distance = 1; | ||
| + | } | ||
| + | |||
| + | else if (distance ==7) { | ||
| + | console.log("Distance: "+distance); | ||
| + | $('#first').css({"z-index": "100"}); | ||
| + | $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | ||
| + | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); | ||
| + | $('#fourth').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | ||
| + | distance = 1; | ||
| + | } | ||
| + | |||
| + | else if (distance ==8) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
$('#first').css({"z-index": "100"}); | $('#first').css({"z-index": "100"}); | ||
| Line 255: | Line 295: | ||
// wait until css-animation has finished. time is specified in css-transition property // | // wait until css-animation has finished. time is specified in css-transition property // | ||
setTimeout(function(){ | setTimeout(function(){ | ||
| − | $("#buttonleft").bind("click", | + | $("#buttonleft").bind("click", moveright); |
}, 1000); | }, 1000); | ||
} | } | ||
| − | $("#buttonright").bind("click", | + | $("#buttonright").bind("click", moveleft); |
| − | function | + | function moveleft(e) { |
$("#buttonright").unbind(); | $("#buttonright").unbind(); | ||
| Line 268: | Line 308: | ||
if (distance == 1) { | if (distance == 1) { | ||
$('#first').css({"z-index": "-100"}); | $('#first').css({"z-index": "-100"}); | ||
| − | $('#second').css({"transform": "translateX( | + | $('#second').css({"z-index": "100", "transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); |
| − | $('#third').css({ | + | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); |
| − | $('#fourth').css({"transform": "translateX( | + | $('#fourth').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); |
| − | distance = | + | distance = 2; |
} | } | ||
| Line 280: | Line 320: | ||
$('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); | ||
$('#fourth').css({"z-index": "100","transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | $('#fourth').css({"z-index": "100","transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | ||
| − | distance = | + | distance = 3; |
} | } | ||
| Line 289: | Line 329: | ||
$('#third').css({"z-index": "-100"}); | $('#third').css({"z-index": "-100"}); | ||
$('#fourth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | $('#fourth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | ||
| − | distance = | + | distance = 4; |
} | } | ||
| Line 298: | Line 338: | ||
$('#third').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | $('#third').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | ||
$('#fourth').css({"z-index": "-100"}); | $('#fourth').css({"z-index": "-100"}); | ||
| − | distance = | + | distance = 5; |
| + | } | ||
| + | |||
| + | else if (distance ==5) { | ||
| + | console.log("Distance: "+distance); | ||
| + | $('#first').css({"z-index": "100"}); | ||
| + | $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | ||
| + | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); | ||
| + | $('#fourth').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | ||
| + | distance = 6; | ||
| + | } | ||
| + | |||
| + | else if (distance ==6) { | ||
| + | console.log("Distance: "+distance); | ||
| + | $('#first').css({"z-index": "100"}); | ||
| + | $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | ||
| + | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); | ||
| + | $('#fourth').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | ||
| + | distance = 7; | ||
| + | } | ||
| + | |||
| + | else if (distance ==7) { | ||
| + | console.log("Distance: "+distance); | ||
| + | $('#first').css({"z-index": "100"}); | ||
| + | $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | ||
| + | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); | ||
| + | $('#fourth').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | ||
| + | distance = 8; | ||
| + | } | ||
| + | |||
| + | else if (distance ==8) { | ||
| + | console.log("Distance: "+distance); | ||
| + | $('#first').css({"z-index": "100"}); | ||
| + | $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | ||
| + | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); | ||
| + | $('#fourth').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | ||
| + | distance = 1; | ||
} | } | ||
setTimeout(function(){ | setTimeout(function(){ | ||
| − | $("#buttonright").bind("click", | + | $("#buttonright").bind("click", moveleft); |
}, 1000); | }, 1000); | ||
} | } | ||
Revision as of 14:17, 14 September 2015
The DiaCHIP - A Versatile Detection System
Project Motivation
Serological tests are a key element in modern medicine. Especially, when it comes to the detection and identification of infectious diseases performing different blood tests is inevitable. Regardless if a patient has diffuse symptoms or if he is tested for a defined number of diseases, more than one serological test has to be performed each time. Many tests, many days of waiting and an increasing bill: with some infectious diseases every minute counts and not everyone can afford a long series of testing. Wouldn't it be great if there was a possibility to combine all tests in one single affordable device?
Detecting Antigen-Antibody Interactions
The DiaCHIP is an innovative tool to screen for a broad range of antibodies present in serum.
Antibodies can be an indicator for an immune response towards an infection or a successful vaccination.
Antibodies also play a role in the diagnosis of autoimmune diseases.
Especially the ability to differentiate between life threatening diseases and a mild infection within a short time bears the potential to save lives.
Spotting diseases by detecting correspondent antibodies in a patient's serum is an established method in modern diagnostics. The DiaCHIP makes it possible to screen for multiple specific antibodies simply using a drop of blood.
The Concept
The key feature of the DiaCHIP concept is the combination of on-demand protein synthesis and a novel method for label-free detection packed into one device. The idea is to overcome challenges commonly found in protein array production and preservation. In addition, results can be obtained in a time- and cost-efficient manner; with a device simple enough to be rebuilt by future iGEM teams.
