Difference between revisions of "Team:Jilin China/Part/Search Engine"

Line 81: Line 81:
 
     <div>
 
     <div>
 
       <h2>Title</h2>
 
       <h2>Title</h2>
−
<form>
+
<form class="engine">
−
<p>Temperature</p>
+
<p>Choose Temperature First:</p>
 
<select id="attr1" name="library">
 
<select id="attr1" name="library">
 
<option value="v1-0">Temperature</option>
 
<option value="v1-0">Temperature</option>
Line 92: Line 92:
 
<option value="v1-6">40+</option>
 
<option value="v1-6">40+</option>
 
     </select>
 
     </select>
−
<p>Intensity</p>
+
<p>Then is Intensity</p>
 
<select id="attr2" name="">
 
<select id="attr2" name="">
 
<option value="v2-0">Intensity</option>
 
<option value="v2-0">Intensity</option>
Line 100: Line 100:
 
<option value="v2-4">15+</option>
 
<option value="v2-4">15+</option>
 
     </select>
 
     </select>
−
<p>Sensitivity</p>
+
<p>Next is Sensitivity</p>
 
<select id="attr3" name="">
 
<select id="attr3" name="">
−
<option value="default">Sensitivity</option>
+
<option value="v3-0">Sensitivity</option>
 
         <option value="v3-1">1&lt;</option>
 
         <option value="v3-1">1&lt;</option>
 
         <option value="v3-2">1&gt;</option>
 
         <option value="v3-2">1&gt;</option>
 
     </select>
 
     </select>
 +
<p>And Click ↓</p>
 
<input type="button" value="Look Up!" onClick="findItem()" />
 
<input type="button" value="Look Up!" onClick="findItem()" />
−
<input type="reset" value="Reset" />
+
<input type="reset" value="Reset" onClick="resetItem()" />
 
</form>
 
</form>
 
<style>
 
<style>
Line 123: Line 124:
 
margin:1rem;
 
margin:1rem;
 
}
 
}
 +
 
select:not(#attr1) option{
 
select:not(#attr1) option{
 
display:none;
 
display:none;
Line 128: Line 130:
 
select option{
 
select option{
 
height:3rem;
 
height:3rem;
 +
}
 +
select option[value="v2-0"],select option[value="v3-0"]{
 +
display: block !important;
 +
}
 +
.engine input{
 +
width:10rem;
 +
height: 3rem;
 +
margin:1rem;
 
}
 
}
 
</style>
 
</style>
Line 228: Line 238:
 
if($(this).hasClass(ca1) || $(this).hasClass("v1-0")){
 
if($(this).hasClass(ca1) || $(this).hasClass("v1-0")){
 
if($(this).hasClass(ca2) || $(this).hasClass("v2-0")){
 
if($(this).hasClass(ca2) || $(this).hasClass("v2-0")){
−
if($(this).hasClass(ca2) || $(this).hasClass("v2-0")){
+
if($(this).hasClass(ca3) || $(this).hasClass("v3-0")){
 
$(this).css("display","block");
 
$(this).css("display","block");
 
}
 
}
Line 250: Line 260:
 
});
 
});
 
}
 
}
−
 
+
function resetItem(){
 +
$(".datas > .item").css("display","none");
 +
}
 
</script>
 
</script>
 
     </div>
 
     </div>

Revision as of 12:18, 16 October 2018

SynRT
EXPLORER


Promoters

Toolkits Design

  • Title

  • Title

    Choose Temperature First:

    Then is Intensity

    Next is Sensitivity

    And Click ↓

    BBa_K2541001
    BBa_K2541002
    BBa_K2541003
    BBa_K2541004
    BBa_K2541005
    BBa_K2541006
    BBa_K2541007
    BBa_K2541008
    BBa_K2541009
    BBa_K2541010
    BBa_K2541011
    BBa_K2541012
    BBa_K2541013
    BBa_K2541014
    BBa_K2541015
    BBa_K2541016
    BBa_K2541017
    BBa_K2541018
    BBa_K2541019
    BBa_K2541020
    BBa_K2541021
    BBa_K2541025
    BBa_K2541026
    BBa_K2541027
    BBa_K2541028
    BBa_K2541029
    BBa_K2541030
    BBa_K2541031
    BBa_K2541032
    BBa_K2541033
    BBa_K2541034
    BBa_K2541035
    BBa_K2541036
    BBa_K2541037
    BBa_K2541038
    BBa_K2541039
    BBa_K2541040
    BBa_K2541041
    BBa_K2541042
    BBa_K2541043
    BBa_K2541044
    BBa_K2541045
    BBa_K2541046
    BBa_K2541047
    BBa_K2541048
    BBa_K2541049
    BBa_K2541050
    BBa_K2541051