Difference between revisions of "Team:CSU Fort Collins/Measurement"

(Prototype team page)
 
(Aidan Ceney)
Line 2: Line 2:
 
<html>
 
<html>
  
−
<h2> Measurement</h2>
 
  
 +
<head>
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
    $("#Jun").click(function(){
 +
        $('.Jundates').toggle();
 +
       
 +
    });
 +
});
  
 +
$(document).ready(function(){
 +
    $("#Jul").click(function(){
 +
        $('.Juldates').toggle();
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $("#Aug").click(function(){
 +
        $('.Augdates').toggle();
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $("#Sep").click(function(){
 +
        $('.Sepdates').toggle();
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $('.Jundates, .Juldates, .Augdates, .Sepdates').click(function(){
 +
        $($(this).children()).slideToggle("fast");
 +
    });
 +
});
 +
 +
</script>
 +
 +
<style>
 +
 +
.thereHasToBeaBetterWay{
 +
    width: 15%;
 +
    height: 150px;
 +
}
 +
 +
#Jun{
 +
border-right: none;
 +
}
 +
 +
#Jul{
 +
border-right: none;
 +
}
 +
 +
#Aug{
 +
border-right: none;
 +
}
 +
 +
 +
 +
.Jundates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 26%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
  padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 450px;
 +
}
 +
 +
.Juldates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 26%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
  padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 450px;
 +
}
 +
 +
.Augdates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 26%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
  padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 450px;
 +
}
 +
 +
.Sepdates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 26%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
  padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 450px;
 +
}
 +
 +
.outerMonth{
 +
    cursor: pointer;
 +
    padding: 5px;
 +
    float: left;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    margin-left: 35%;
 +
    border-style: inset;
 +
    width: 70px;
 +
    height: 5%;
 +
 +
}
 +
.month{
 +
 +
    cursor: pointer;
 +
    padding: 5px;
 +
    float: left;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 70px;
 +
    height: 5%;
 +
}
 +
 +
.dailyLog{
 +
    text-align: left;
 +
    display: none;;
 +
    background-color: #FFFFFF;
 +
}
 +
 +
</style>
 +
</head>
 +
 +
<body>
 +
<h1 align="center"> Measurement</h2>
 +
<h2 align="center">Interlab Study</h1>
 +
<h3>Results:</h2>
 +
<p>Enter Results Here </p>
 +
<h3>Note Book:</h2>
 +
<div class="outerMonth" id="Jun">June</div>
 +
<div class="month" id="Jul">July</div>
 +
<div class="month"id="Aug">August</div>
 +
<div class="month" id="Sep">September</div>
 +
 +
<div class="thereHasToBeaBetterWay"></div>
 +
 +
<div class="Jundates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Jundates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Jundates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
 +
    <div class="Juldates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Juldates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Juldates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
 +
    <div class="Augdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Augdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Augdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
 +
    <div class="Sepdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Sepdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Sepdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
</body>
 +
 +
 +
 +
 +
 +
 +
 +
<!--
 
<div class="highlightBox">
 
<div class="highlightBox">
 
<h4>Note</h4>
 
<h4>Note</h4>
Line 24: Line 246:
  
 
</div>
 
</div>
−
 
+
-->
 
</html>
 
</html>

Revision as of 02:50, 20 August 2015

Measurement

Interlab Study

Results:

Enter Results Here

Note Book:

June
July
August
September
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams