Line 21: | Line 21: | ||
</div> | </div> | ||
− | <button class="ownbutton" type = "submit" | + | <button class="ownbutton" type = "submit" alt="Hear what we did for dyslexic people" value = "myimage"> |
<img class="buttonimagefront" src="https://static.igem.org/mediawiki/2019/0/07/T--DTU-Denmark--dyslexia.svg" /> | <img class="buttonimagefront" src="https://static.igem.org/mediawiki/2019/0/07/T--DTU-Denmark--dyslexia.svg" /> | ||
</button> | </button> | ||
− | <button class="ownbutton" type = "submit" name = "learn" value = "myimage"> | + | <div class="mm-dropdown"> |
+ | <div class="textfirst"> | ||
+ | <button class=" down ownbutton" alt="Change the language of the front page and the description page" type = "submit" name = "learn" value = "myimage"> | ||
<img class="buttonimagefront" src="https://static.igem.org/mediawiki/2019/2/2a/T--DTU-Denmark--english.svg" /> | <img class="buttonimagefront" src="https://static.igem.org/mediawiki/2019/2/2a/T--DTU-Denmark--english.svg" /> | ||
− | </button> | + | </button></div> |
+ | <ul> | ||
+ | <li class="input-option" data-value="1"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/2/2a/T--DTU-Denmark--english.svg" alt="" width="30" height="30" /> American | ||
+ | </li> | ||
+ | <li class="input-option" data-value="2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/2/2a/T--DTU-Denmark--english.svg" alt="" width="30" height="30" /> English | ||
+ | </li> | ||
+ | <li class="input-option" data-value="3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/2/2a/T--DTU-Denmark--english.svg" alt="" width="30" height="30" /> You know | ||
+ | </li> | ||
+ | </ul> | ||
+ | <input type="hidden" class="option" name="namesubmit" value="" /> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
</div> | </div> | ||
Line 290: | Line 308: | ||
<script> | <script> | ||
+ | $(function() { | ||
+ | // Set | ||
+ | var main = $('div.mm-dropdown .textfirst') | ||
+ | var li = $('div.mm-dropdown > ul > li.input-option') | ||
+ | var inputoption = $("div.mm-dropdown .option") | ||
+ | // Animation | ||
+ | main.click(function() { | ||
+ | |||
+ | li.toggle('fast'); | ||
+ | }); | ||
− | + | // Insert Data | |
− | + | li.click(function() { | |
− | + | // hide | |
− | + | li.toggle('fast'); | |
− | $ | + | var livalue = $(this).data('value'); |
− | $ | + | var lihtml = $(this).html(); |
+ | main.html(lihtml); | ||
+ | inputoption.val(livalue); | ||
+ | }); | ||
}); | }); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Revision as of 04:13, 19 October 2019
Our Library
Therefore we are creating a library of synthetic fungal promoters that are: predictable, robust, and scalable. These were designed using special software based on sequence conservation. In the design we have included feedback from relevant companies and scientists, meaning that the promoters are useful in both industry and academia.