mirror of
https://github.com/salmer/CppDeveloperRoadmap.git
synced 2025-12-17 20:44:39 +03:00
129 lines
4.1 KiB
HTML
129 lines
4.1 KiB
HTML
<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">main</div>
|
|
<div class="tooltip" id="n1">9</div>
|
|
<div class="tooltip" id="n2">10</div>
|
|
<div class="tooltip" id="n3">8</div>
|
|
<div class="tooltip" id="n4">11</div>
|
|
<div class="tooltip" id="n5">12</div>
|
|
<div class="tooltip" id="n6">1</div>
|
|
<div class="tooltip" id="n7">2</div>
|
|
<div class="tooltip" id="n8">Group 1</div>
|
|
<div class="tooltip" id="n9">3</div>
|
|
<div class="tooltip" id="n10">4</div>
|
|
<div class="tooltip" id="n11">5</div>
|
|
|
|
<map name="image1_1">
|
|
<area shape="rect" coords="1051,557,1222,587" alt="" onmouseover="showTooltip('n11')" onmouseout="hideTooltip()"/>
|
|
<area shape="rect" coords="1307,336,1487,366" alt="" onmouseover="showTooltip('n10')" onmouseout="hideTooltip()"/>
|
|
<area shape="rect" coords="1051,336,1222,366" alt="" onmouseover="showTooltip('n9')" onmouseout="hideTooltip()"/>
|
|
<area shape="rect" coords="1036,298,1502,602" alt="" onmouseover="showTooltip('n8')" onmouseout="hideTooltip()"/>
|
|
<area shape="rect" coords="1307,47,1487,77" alt="" onmouseover="showTooltip('n7')" onmouseout="hideTooltip()"/>
|
|
<area shape="rect" coords="1051,47,1222,77" alt="" onmouseover="showTooltip('n6')" onmouseout="hideTooltip()"/>
|
|
<area shape="rect" coords="15,469,186,499" alt="" onmouseover="showTooltip('n5')" onmouseout="hideTooltip()"/>
|
|
<area shape="rect" coords="297,469,477,499" alt="" onmouseover="showTooltip('n4')" onmouseout="hideTooltip()"/>
|
|
<area shape="rect" coords="297,145,477,175" alt="" onmouseover="showTooltip('n3')" onmouseout="hideTooltip()"/>
|
|
<area shape="rect" coords="15,145,186,175" alt="" onmouseover="showTooltip('n2')" onmouseout="hideTooltip()"/>
|
|
<area shape="rect" coords="15,15,186,45" alt="" onmouseover="showTooltip('n1')" onmouseout="hideTooltip()"/>
|
|
<area shape="rect" coords="677,337,857,367" href="https://github.com/salmer/CppDeveloperRoadmap" alt="" onmouseover="showTooltip('n0')" onmouseout="hideTooltip()" target="_blank"/>
|
|
</map>
|
|
|
|
|
|
<table class="yimagetable" cellspacing="0" cellpadding="0" border="0">
|
|
<tr>
|
|
<td><img class="yimage" src="roadmap_EN1_1.png" usemap="#image1_1" border="0" alt=""/></td>
|
|
</tr>
|
|
</table>
|
|
|
|
</body>
|
|
</html> |