Difference between revisions of "Team:Freiburg/Testpage"
Line 353: | Line 353: | ||
if (distance == 1) { | if (distance == 1) { | ||
− | $('#first').css({"z-index": "-100"}); | + | $('#first').css({"z-index": "-100"}); /* 1 first */ |
− | $('#second').css({ | + | $('#second').css({}); |
− | $('# | + | $('#third').css({}); |
− | $('# | + | $('#fourth').css({}); |
− | distance = | + | $('#fifth').css({}); |
+ | $('#sixth').css({"z-index": "100","transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 6 fourth */ | ||
+ | $('#seventh').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 7 third */ | ||
+ | $('#eightth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 8 second */ | ||
+ | distance = 8; | ||
} | } | ||
else if (distance ==2) { | else if (distance ==2) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
− | $('#first').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | + | $('#first').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); /* 1 second */ |
− | $('#second').css({"z-index": "-100"}); | + | $('#second').css({"z-index": "-100"}); /* 2 first */ |
− | $('#third').css({ | + | $('#third').css({}); |
− | $('# | + | $('#fourth').css({}); |
+ | $('#fifth').css({}); | ||
+ | $('#sixth').css({}); | ||
+ | $('#seventh').css({"z-index": "100","transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 7 fourth */ | ||
+ | $('#eightth').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 8 third */ | ||
distance = 1; | distance = 1; | ||
} | } | ||
Line 371: | Line 379: | ||
else if (distance ==3) { | else if (distance ==3) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
− | $('#first').css({"z-index": "100","transform": "translateX(0px)", "-webkit-transform": "translateX(0px)", "-ms-transform": "translateX(0px)"}); | + | $('#first').css({"z-index": "100","transform": "translateX(0px)", "-webkit-transform": "translateX(0px)", "-ms-transform": "translateX(0px)"}); /* 1 third */ |
− | $('#second').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | + | $('#second').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 2 second */ |
− | $('#third').css({"z-index": "-100"}); | + | $('#third').css({"z-index": "-100"}); /* 3 first */ |
− | $('#fourth').css({"transform": "translateX( | + | $('#fourth').css({}); |
+ | $('#fifth').css({}); | ||
+ | $('#sixth').css({}); | ||
+ | $('#seventh').css({}); | ||
+ | $('#eightth').css({"z-index": "100","transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 8 fourth */ | ||
distance = 2; | distance = 2; | ||
} | } | ||
Line 380: | Line 392: | ||
else if (distance ==4) { | else if (distance ==4) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
− | $('#first').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); | + | $('#first').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 1 fourth */ |
− | $('#second').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); | + | $('#second').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 2 third */ |
− | $('#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)"}); /*3 second */ |
− | $('#fourth').css({"z-index": "-100"}); | + | $('#fourth').css({"z-index": "-100"}); /* 4 first*/ |
+ | $('#fifth').css({}); | ||
+ | $('#sixth').css({}); | ||
+ | $('#seventh').css({}); | ||
+ | $('#eightth').css({}); | ||
distance = 3; | distance = 3; | ||
+ | } | ||
+ | |||
+ | else if (distance ==5) { | ||
+ | console.log("Distance: "+distance); | ||
+ | $('#first').css({}); | ||
+ | $('#second').css({"z-index": "100","transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 2 fourth */ | ||
+ | $('#third').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 3 third */ | ||
+ | $('#fourth').css({"transform": "translateX(-2000)", "-webkit-transform": "translateX(-2000)", "-ms-transform": "translateX(-2000)"}); /* 4 second */ | ||
+ | $('#fifth').css({"z-index": "-100"}); /* 5 first */ | ||
+ | $('#sixth').css({}); | ||
+ | $('#seventh').css({}); | ||
+ | $('#eightth').css({}); | ||
+ | distance = 4; | ||
+ | } | ||
+ | |||
+ | else if (distance == 6) { | ||
+ | console.log("Distance: "+distance); | ||
+ | $('#first').css({}); | ||
+ | $('#second').css({}); | ||
+ | $('#third').css({"z-index": "100","transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 3 fourth */ | ||
+ | $('#fourth').css({"z-index": "100","transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); /* 4 third */ | ||
+ | $('#fifth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 5 second */ | ||
+ | $('#sixth').css({"z-index": "-100"}); /* 6 first */ | ||
+ | $('#seventh').css({}); | ||
+ | $('#eightth').css({}); | ||
+ | distance = 5; | ||
+ | } | ||
+ | |||
+ | else if (distance == 7) { | ||
+ | console.log("Distance: "+distance); | ||
+ | $('#first').css({}); | ||
+ | $('#second').css({}); | ||
+ | $('#third').css({}); | ||
+ | $('#fourth').css({"z-index": "100","transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 4 fourth */ | ||
+ | $('#fifth').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 5 third */ | ||
+ | $('#sixth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 6 second */ | ||
+ | $('#seventh').css({"z-index": "-100"}); /* 7 first */ | ||
+ | $('#eightth').css({}); | ||
+ | distance = 6; | ||
+ | } | ||
+ | |||
+ | else if (distance == 8) { | ||
+ | console.log("Distance: "+distance); | ||
+ | $('#first').css({}); | ||
+ | $('#second').css({}); | ||
+ | $('#third').css({}); | ||
+ | $('#fourth').css({}); | ||
+ | $('#fifth').css({"z-index": "100","transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 5 fourth */ | ||
+ | $('#sixth').css({"z-index": "100","transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 6 third */ | ||
+ | $('#seventh').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 7 second */ | ||
+ | $('#eightth').css({"z-index": "-100"}); /* 8 first */ | ||
+ | distance = 7; | ||
} | } | ||
Revision as of 21:53, 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 minutes counts and not everyone can afford a long series of testing. What 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.