riceems.github.io/bls.html at master · riceems/riceems.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<html>
<head><title>Image map created by yEd</title>
<style type="text/css">
.tooltip {
  font-size:10pt;
  background-color:#FFFFCC;
  border:1px solid black;
  padding:2px
}
</style>
<style type="text/css">
.tooltip {
  position:absolute;
  display:none
}
</style>
</head>
<body>

<script type="text/javascript">
tooltip = null;
document.onmousemove = updateTooltip;
function updateTooltip(e) {
try {
if (document.all) {
if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict
x = document.documentElement.scrollLeft + window.event.x;
y = document.documentElement.scrollTop + window.event.y;
}
else { // all other Explorers
x = document.body.scrollLeft + window.event.x;
y = document.body.scrollTop + window.event.y;
}
}
else {
x = e.pageX;
y = e.pageY;
}
if (tooltip != null) {
o = 20;
var sx, sy;
if (self.pageYOffset) { // all except Explorer
sx = self.pageXOffset;
sy = self.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict
sx = document.documentElement.scrollLeft;
sy = document.documentElement.scrollTop;
}
else if (document.body) { // all other Explorers
sx = document.body.scrollLeft;
sy = document.body.scrollTop;
}
t = y + o + tooltip.offsetHeight;
w = sy + document.body.clientHeight;
if (t > w) {
y = y - o - tooltip.offsetHeight;
}
else {
y = y + o;
}
t = x + o + tooltip.offsetWidth;
w = sx + document.body.clientWidth;
if (t > w) {
x = x - o - tooltip.offsetWidth;
}
else {
x = x + o;
}
if ((tooltip.style.top == '' || tooltip.style.top == 0) && (tooltip.style.left == '' || tooltip.style.left == 0))
{
tooltip.style.width = tooltip.offsetWidth + 'px';
tooltip.style.height = tooltip.offsetHeight + 'px';
}
tooltip.style.left = x + "px";
tooltip.style.top = y + "px";
}
} catch (error) { error = null; }
}
function showTooltip(id) {
try {
tooltip = document.getElementById(id);
tooltip.style.display = "block";
} catch (error) { error = null; }
}
function hideTooltip() {
try {
tooltip.style.display = "none";
} catch (error) { error = null; }
}
</script>

<div class="tooltip" id="n0">Basic Life Support (BLS) Instructors are awesome!</div>
<div class="tooltip" id="n3">Let him/her know that you are interested <br>in getting BLS Instructor certified.</div>
<div class="tooltip" id="n4">Buy the AHA Core Instructor Course: <br>Emergency Cardiovascular Care Booklet.<br>This is available at many retailers, including Amazon.<br>Be careful when purchasing the course, <br>as some of the retailers may not include the CD with the booklet.<br>You required (by the AHA) to have a copy of this booklet.<br>Here at Rice, we’ll be operating under the Honor Code.</div>
<div class="tooltip" id="n7">Shame on you.<br>You bought the wrong course.<br>No worries, we have a solution.</div>
<div class="tooltip" id="n8">Email or send a copy of it to the CPR/AED Lieutenant.</div>
<div class="tooltip" id="n9">Email the CPR/AED Lieutenant for details.</div>
<div class="tooltip" id="n11">Assuming nothing goes terribly wrong, <br>you are now certified as an AHA BLS Instructor <br>and can get paid to teach classes at Rice <br>and in the TMC.</div>

<map name="image1_1">
  <area shape="rect" coords="213,613,373,693" alt="" onmouseout="hideTooltip()" onmouseover="showTooltip('n11')"/>
  <area shape="rect" coords="22,499,182,579" alt="" onmouseout="hideTooltip()" onmouseover="showTooltip('n9')"/>
  <area shape="rect" coords="213,499,373,579" alt="" onmouseout="hideTooltip()" onmouseover="showTooltip('n8')"/>
  <area shape="rect" coords="213,384,373,464" href="https://www.dropbox.com/s/jj0lqgede7mpf4o/REMS.BLS.Instructor.zip?dl=0" alt="" target="_blank" onmouseout="hideTooltip()" onmouseover="showTooltip('n7')"/>
  <area shape="rect" coords="404,270,564,350" href="http://www.amazon.com/Core-Instructor-Course-Emergency-Cardiovascular/dp/087493494X/" alt="" target="_blank" onmouseout="hideTooltip()" onmouseover="showTooltip('n4')"/>
  <area shape="rect" coords="213,270,373,350" href="mailto:remscpr@gmail.com" alt="" target="_blank" onmouseout="hideTooltip()" onmouseover="showTooltip('n3')"/>
  <area shape="rect" coords="62,15,222,95" alt="" onmouseout="hideTooltip()" onmouseover="showTooltip('n0')"/>
</map>


    <table class="yimagetable" cellspacing="0" cellpadding="0" border="0">
      <tr>
        <td><img class="yimage" src="bls1_1.png" usemap="#image1_1" border="0" alt=""/></td>
      </tr>
    </table>
</body>
</html>