Line 2: | Line 2: | ||
<html> | <html> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="container-fluid" style="padding-top: 20px;"> | <div class="container-fluid" style="padding-top: 20px;"> | ||
Line 182: | Line 161: | ||
− | </ | + | <script type="text/javascript"> |
− | + | ||
+ | |||
+ | function hoverInfo(box,heading) { | ||
+ | |||
+ | document.getElementById("infoBox").innerHTML = "<span style='font-size:18px'>"+document.getElementById(box).value+"</span>"; | ||
+ | document.getElementById("infoBoxHeading").innerHTML = heading; | ||
+ | } | ||
+ | |||
+ | |||
+ | function mouseOff() { | ||
+ | |||
+ | |||
+ | |||
+ | document.getElementById("infoBox").innerHTML = "Hover over a box on the flowchart to see more information!"; | ||
+ | document.getElementById("infoBoxHeading").innerHTML = "Further information"; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | </script> | ||
</html> | </html> |
Revision as of 12:35, 8 September 2016
Safety
Further information Hover over a box on the flowchart to see more information!
|