Commit 46d80899 authored by Porter Libby's avatar Porter Libby
Browse files

add tooltips (disabled for now)

parent 9b867344
......@@ -59,6 +59,25 @@ html, body, #viewDiv{
background-color: rgba(255,255,255,0.7);
top:0px;
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
/* Position the tooltip */
position: absolute;
z-index: 1;
}
.new_data_button {
......
......@@ -26,30 +26,39 @@
<div id='mapView'>
<div id="viewDiv"></div>
<div id='navcontrols'>
<input
id='nav-button-map'
class='nav-button-select nav-view-button'
type="image"
src="img/map-icon.png"
alt="Submit"
width="24" height="24">
<input
id='nav-button-graph'
class='nav-button-idle nav-view-button'
onclick='switchToGraph()'
type="image"
src="img/graph-icon.png"
alt="Submit"
width="24" height="24">
<input
id='nav-button-data'
class='nav-button-idle nav-view-button'
onclick='switchToData()'
id='data'
type="image"
src="img/data-icon.png"
alt="Submit"
width="48" height="48">
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<input
id='nav-button-map'
class='nav-button-select nav-view-button'
type="image"
src="img/map-icon.png"
alt="Submit"
width="24" height="24">
</div>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<input
id='nav-button-graph'
class='nav-button-idle nav-view-button'
onclick='switchToGraph()'
type="image"
src="img/graph-icon.png"
alt="Submit"
width="24" height="24">
</div>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<input
id='nav-button-data'
class='nav-button-idle nav-view-button'
onclick='switchToData()'
id='data'
type="image"
src="img/data-icon.png"
alt="Submit"
width="48" height="48">
</div>
</div>
</div>
......@@ -58,30 +67,39 @@
<canvas id="line-chart"></canvas>
</div>
<div id='navcontrols'>
<input
id='nav-button-map'
class='nav-button-idle nav-view-button'
onclick='switchToMap()'
type="image"
src="img/map-icon.png"
alt="Submit"
width="24" height="24">
<input
id='nav-button-graph'
class='nav-button-select nav-view-button'
type="image"
src="img/graph-icon.png"
alt="Submit"
width="24" height="24">
<input
id='nav-button-data'
class='nav-button-idle nav-view-button'
onclick='switchToData()'
id='data'
type="image"
src="img/data-icon.png"
alt="Submit"
width="48" height="48">
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<input
id='nav-button-map'
class='nav-button-idle nav-view-button'
onclick='switchToMap()'
type="image"
src="img/map-icon.png"
alt="Submit"
width="24" height="24">
</div>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<input
id='nav-button-graph'
class='nav-button-select nav-view-button'
type="image"
src="img/graph-icon.png"
alt="Submit"
width="24" height="24">
</div>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<input
id='nav-button-data'
class='nav-button-idle nav-view-button'
onclick='switchToData()'
id='data'
type="image"
src="img/data-icon.png"
alt="Submit"
width="48" height="48">
</div>
</div>
</div>
......@@ -126,30 +144,39 @@
</div>
</div>
<div id='navcontrols'>
<input
id='nav-button-map'
class='nav-button-idle nav-view-button'
onclick='switchToMap()'
type="image"
src="img/map-icon.png"
alt="Submit"
width="24" height="24">
<input
id='nav-button-graph'
class='nav-button-idle nav-view-button'
onclick='switchToGraph()'
type="image"
src="img/graph-icon.png"
alt="Submit"
width="24" height="24">
<input
id='nav-button-data'
class='nav-button-select nav-view-button'
type="image"
id='data'
src="img/data-icon.png"
alt="Submit"
width="48" height="48">
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<input
id='nav-button-map'
class='nav-button-idle nav-view-button'
onclick='switchToMap()'
type="image"
src="img/map-icon.png"
alt="Submit"
width="24" height="24">
</div>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<input
id='nav-button-graph'
class='nav-button-idle nav-view-button'
onclick='switchToGraph()'
type="image"
src="img/graph-icon.png"
alt="Submit"
width="24" height="24">
</div>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<input
id='nav-button-data'
class='nav-button-select nav-view-button'
type="image"
id='data'
src="img/data-icon.png"
alt="Submit"
width="48" height="48">
</div>
</div>
</div>
<script>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment