Difference between revisions of "Team:Freiburg/Testpage"
| Line 236: | Line 236: | ||
if (distance == 1) { | if (distance == 1) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
| − | $('#first').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | + | $('#first').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 2 first */ |
| − | $('#second').css({"z-index": "100"}); | + | $('#second').css({"z-index": "100"}); /* begin second */ |
$('#third').css({}); | $('#third').css({}); | ||
| − | $('#fourth').css({ | + | $('#fourth').css({}); |
$('#fifth').css({}); | $('#fifth').css({}); | ||
$('#sixth').css({}); | $('#sixth').css({}); | ||
| − | $('#seventh').css({}); | + | $('#seventh').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 4 seventh */ |
| − | $('#eightth').css({}); | + | $('#eightth').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 3 eightth */ |
distance = 2; | distance = 2; | ||
} | } | ||
| Line 249: | Line 249: | ||
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)"}); /* 3 first */ |
| − | $('#second').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); | + | $('#second').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 2 second */ |
| − | $('#third').css({"z-index": "100"}); | + | $('#third').css({"z-index": "100"}); /* begin third */ |
| − | $('#fourth').css({ | + | $('#fourth').css({}); |
$('#fifth').css({}); | $('#fifth').css({}); | ||
$('#sixth').css({}); | $('#sixth').css({}); | ||
$('#seventh').css({}); | $('#seventh').css({}); | ||
| − | $('#eightth').css({}); | + | $('#eightth').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 4 eightth */ |
distance = 3; | distance = 3; | ||
} | } | ||
| Line 262: | Line 262: | ||
else if (distance ==3) { | else if (distance ==3) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
| − | $('#first').css({"z-index": "-100", "transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | + | $('#first').css({"z-index": "-100", "transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); /* 4 first */ |
| − | $('#second').css({" | + | $('#second').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 3 second */ |
| − | $('#third').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); | + | $('#third').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 2 third */ |
| − | $('#fourth').css({"z-index": "100"}); | + | $('#fourth').css({"z-index": "100"}); /* begin fourth */ |
| − | $('#fifth').css({ | + | $('#fifth').css({}); |
$('#sixth').css({}); | $('#sixth').css({}); | ||
$('#seventh').css({}); | $('#seventh').css({}); | ||
| Line 275: | Line 275: | ||
else if (distance ==4) { | else if (distance ==4) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
| − | $('#first').css({ | + | $('#first').css({}); |
| − | $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | + | $('#second').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 4 second */ |
| − | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); | + | $('#third').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 3 third */ |
| − | $('#fourth').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); | + | $('#fourth').css({"transform": "translateX(-1000px)", "-webkit-transform": "translateX(-1000px)", "-ms-transform": "translateX(-1000px)"}); /* 2 fourth */ |
| − | $('#fifth').css({"z-index": "100"}); | + | $('#fifth').css({"z-index": "100"}); /* begin fifth */ |
| − | $('#sixth').css({ | + | $('#sixth').css({}); |
$('#seventh').css({}); | $('#seventh').css({}); | ||
$('#eightth').css({}); | $('#eightth').css({}); | ||
| Line 288: | Line 288: | ||
else if (distance ==5) { | else if (distance ==5) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
| − | $('#first').css({ | + | $('#first').css({}); |
| − | $('#second').css({ | + | $('#second').css({}); |
| − | $('#third').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); | + | $('#third').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 4 third */ |
| − | $('#fourth').css({"transform": "translateX( | + | $('#fourth').css({"transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 3 fourth */ |
| − | $('#fifth').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); | + | $('#fifth').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 2 fifth */ |
| − | $('#sixth').css({"z-index": "100"}); | + | $('#sixth').css({"z-index": "100"}); /* begin sixth */ |
| − | $('#seventh').css({ | + | $('#seventh').css({}); |
$('#eightth').css({}); | $('#eightth').css({}); | ||
distance = 6; | distance = 6; | ||
| Line 301: | Line 301: | ||
else if (distance == 6) { | else if (distance == 6) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
| − | $('#first').css({ | + | $('#first').css({}); |
| − | $('#second').css({ | + | $('#second').css({}); |
$('#third').css({}); | $('#third').css({}); | ||
| − | $('#fourth').css({"transform": "translateX(- | + | $('#fourth').css({"transform": "translateX(-2000px)", "-webkit-transform": "translateX(-2000px)", "-ms-transform": "translateX(-2000px)"}); /* 4 fourth */ |
| − | $('#fifth').css({}); | + | $('#fifth').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 3 fifth */ |
| − | $('#sixth').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); | + | $('#sixth').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 2 sixth */ |
| − | $('#seventh').css({"z-index": "100"}); | + | $('#seventh').css({"z-index": "100"}); /* begin seventh */ |
| − | $('#eightth').css({ | + | $('#eightth').css({}); |
distance = 7; | distance = 7; | ||
} | } | ||
| Line 314: | Line 314: | ||
else if (distance == 7) { | else if (distance == 7) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
| − | $('#first').css({ | + | $('#first').css({}); |
| − | $('#second').css({ | + | $('#second').css({}); |
$('#third').css({}); | $('#third').css({}); | ||
| − | $('#fourth').css({"transform": "translateX( | + | $('#fourth').css({}); |
| − | $('# | + | $('#fifth').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 4 fifth */ |
| − | + | $('#sixth').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 3 sixth */ | |
| − | $('#seventh').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); | + | $('#seventh').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 2 seventh */ |
| − | $('#eightth').css({"z-index": "100"}); | + | $('#eightth').css({"z-index": "100"}); /* begin eightth */ |
distance = 8; | distance = 8; | ||
} | } | ||
| Line 327: | Line 327: | ||
else if (distance == 8) { | else if (distance == 8) { | ||
console.log("Distance: "+distance); | console.log("Distance: "+distance); | ||
| − | $('#first').css({"z-index": "100"}); | + | $('#first').css({"z-index": "100"}); /* begin first */ |
| − | $('#second').css({ | + | $('#second').css({}); |
$('#third').css({}); | $('#third').css({}); | ||
| − | $('#fourth').css({ | + | $('#fourth').css({}); |
$('#fifth').css({}); | $('#fifth').css({}); | ||
| − | $('#sixth').css({}); | + | $('#sixth').css({"z-index": "-100", "transform": "translateX(0)", "-webkit-transform": "translateX(0)", "-ms-transform": "translateX(0)"}); /* 4 sixth */ |
| − | $('#seventh').css({}); | + | $('#seventh').css({"transform": "translateX(2000px)", "-webkit-transform": "translateX(2000px)", "-ms-transform": "translateX(2000px)"}); /* 3 seventh */ |
| − | $('#eightth').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); | + | $('#eightth').css({"transform": "translateX(1000px)", "-webkit-transform": "translateX(1000px)", "-ms-transform": "translateX(1000px)"}); /* 2 eightth */ |
distance = 1; | distance = 1; | ||
} | } | ||
Revision as of 21:26, 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.
