Hallo vielleicht könnt ihr mir helfen. Und zwar unter dem IE funktioniert die folgende Seite Tadellos, aber unter dem Firefox funktioniert nichts und unter dem Safari geht nur die hälfte.
http://www.forthahneberg.de/cms/templates/sketch/index.html
So und nun kommt der Quelltext der Seite und der Scripte.
Die Seite ansich:
Tooltip.js
So ich hoffe das hilft euch weiter und anschließend mir
http://www.forthahneberg.de/cms/templates/sketch/index.html
So und nun kommt der Quelltext der Seite und der Scripte.
Die Seite ansich:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="maputil.js"></script>
<script type="text/javascript" src="mapper.js"></script>
<script src="toolTip.js" language="javascript" type="text/javascript"></script>
<link href="tooltip.css" rel="Stylesheet" type="text/css" media="screen" />
</head>
<body bgcolor="#FAFAC8"><div class="tooltipsammlung">
<div class="tooltip" id="t_1"><b>Glacis</b><p>Beim Glacis handelt es sich um eine künstliche Geländeaufschüttung außerhalb des Forts mit vorgeschriebenem Gefälle, frei von jeglichen Geländeunebenheiten. somit sollte es einen Angreifer unmöglich gemacht werden, im nächsten Umfeld des Forts Deckung zu finden. Im Kriegsfalle hätte man auf dem Glacis einen Drahtverhau als zusätzliches Annäherungshindernis angelegt</p></div>
<div class="tooltip" id="t_2"><b>Äußeres Festungstor</b><p>Sicherte im Verbund mit dem inneren Festungstor den Hohlweg als einzigen Zugang zum Fort. Die beiden je eine halbe tonne schweren Torflügel sowie die Torpfeiler wurden 2005 originalgetreu rekonstruiert. Das Original wurde nach 1945 beseitigt. Das Tor war schusssicher gegen Handfeuerwaffen.</p></div>
<div class="tooltip" id="t_3"><b>Kehlblockhaus</b><p>Es diente zur Verteidigung des Eingangsbereichs mittels Handfeuerwaffen und als Unterkunft für einen Teil der wachhabenden Mannschaften. Ab 1934 nahm es die Pumpstation für die Abwasserentsorgung des Forts auf.</p></div>
<div class="tooltip" id="t_4"><b>Kehlgrabenwehr</b><p>Dieses Bauwerk diente zur Beschießung des linken und rechten Kehlgrabens und somit der ganzen Eingangsseite des Forts mittels 4 Geschützen vom Kaliber 8cm, welche kartätschen (vergleichbar mit Schrotladungen) verschossen. Ab 1934 diente sie als Offizierskasino und wurde stark umgebaut.</p></div>
<div class="tooltip" id="t_5"><b>Pferdeställe</b><p>Ursprünglich dienten 5 bögen der äußeren grabenwand zur Aufnahme von 6 Reitpferden für Offiziere, nebst Sätteln und Futter. Ab 1934 wurden die Stallungen massiv in den Grabenbereich hinein erweitert.</p></div>
<div class="tooltip" id="t_6"><b>Linker Innenhof</b><p>Von den Innenhöfen führen Geschützrampen hinauf zum Oberwall mit seinen Geschützstellungen. Desweiteren gehen die rückwärtigen Ausgänge der Kehlkaserne, die belüftungsröhren der Kriegspulvermagazine sowie die Zugangstunnel zu den schultergrabenwehren von den Höfen ab. Nach 1934 wurden die Höfe durch die deutsche Wehrmacht mit doppelstöckigen Baracken verbaut, welche im 2. Weltkrieg als einzige Objekte im fort bei Luftangriffen zerstört wurden.</p></div>
<div class="tooltip" id="t_7"><b>Rechter Innenhof</b><p>Von den Innenhöfen führen Geschützrampen hinauf zum Oberwall mit seinen Geschützstellungen. Desweiteren gehen die rückwärtigen Ausgänge der Kehlkaserne, die belüftungsröhren der Kriegspulvermagazine sowie die Zugangstunnel zu den schultergrabenwehren von den Höfen ab. Nach 1934 wurden die Höfe durch die deutsche Wehrmacht mit doppelstöckigen Baracken verbaut, welche im 2. Weltkrieg als einzige Objekte im fort bei Luftangriffen zerstört wurden.</p></div>
<div class="tooltip" id="t_8"><b>Anschlussbatterie</b><p>In den späteren Stadien einer förmlichen Belagerung hätte man die fernkampfgeschütze des Forts aus selbigen entfernt und in aufgelockerter und getarnter Aufstellung neben dem fort in Stellung gebracht. Zur Munitionsversorgung wurde ein doppelstöckiger bau neben dem fort errichtet, dessen Untergeschoss über einen Tunnel vom graben aus zugänglich waren. Mittels einer Geschosshebevorrichtung wäre Munition in das Obergeschoss gekurbelt worden, von wo aus der Weitertransport an die einzelnen Geschütze erfolgte.</p></div>
<div class="tooltip" id="t_9"><b>Linker Schultergrabenwehr</b><p>Sie dienten dem Beschuss der Flankengräben mittels Gewehren und somit der Sicherung der Seiten des Forts.</p></div>
<div class="tooltip" id="t_10"><b>Rechte Schultergrabenwehr</b><p>Sie dienten dem Beschuss der Flankengräben mittels Gewehren und somit der Sicherung der Seiten des Forts.</p></div>
<div class="tooltip" id="t_11"><b>Spitzgrabenwehr</b><p>Analog zur kehlgrabenwehr diente sie zum Beschuss von zwei grabenabschnitten mittels Geschützen vom Kaliber 8cm. 1892 wurde in dieser grabenwehr ein vergleichsschießen zwischen den genannten 8 cm- und modernen 3,7cm Revolverkanonen der Firma Hotchkiss durchgeführt. Die Grabenwehr wurde nach Kriegsende weitestgehend zerstört.</p></div>
<div class="tooltip" id="t_12"><b>Kehlkaserne</b><p>Sie diente als Unterkunft der etwa 400 – 450 Mann der fort Besetzung. Desweiteren barg sie die Küche sowie die proviantlagerräume.</p></div>
<div class="tooltip" id="t_13"><b>Kehlreduit</b><p>Diente als letzte Verteidigungsstellung des Forts. Von dort aus ließen sich der eingangsbereich sowie das Innenleben des Forts unter Gewehrfeuer nehmen. Es wurde erst nach Umbau des Forts zum Sperrfort in die Planungen und schon laufenden Arbeiten integriert.</p></div>
<div class="tooltip" id="t_14"><b>Kapitaltraverse</b><p>Dieser Erdwall trennt das fort in zwei fast spiegelgleiche hälften. In ihm befinden sich der Hauptverbindungsgang sowie die beiden Kriegspulvermagazine.</p></div>
<div class="tooltip" id="t_15"><b>Inneres Festungstor</b><p>Es riegelte im Verbund mit dem äußeren Festungstor die Zufahrt zum Fort ab. Beim Umbau des Fort Hahneberg vom Gürtelfort zum Sperrfort, während der Bauphase, wurde es nachträglich erhöht.</p></div>
<div class="tooltip" id="t_16"><b>Geschützstellungen</b><p>Als Bestandteil es Oberwalles stellen sie die Fernverteidigung des Forts dar. In ihnen standen Geschütze vom Kaliber 9, 12 und 15cm.</p></div>
<div class="tooltip" id="t_17"><b>Geschützstellungen</b><p>Als Bestandteil es Oberwalles stellen sie die Fernverteidigung des Forts dar. In ihnen standen Geschütze vom Kaliber 9, 12 und 15cm.</p></div>
<div class="tooltip" id="t_18"><b>Geschützstellungen</b><p>Als Bestandteil es Oberwalles stellen sie die Fernverteidigung des Forts dar. In ihnen standen Geschütze vom Kaliber 9, 12 und 15cm.</p></div>
<div class="tooltip" id="t_19"><b>Geschützstellungen</b><p>Als Bestandteil es Oberwalles stellen sie die Fernverteidigung des Forts dar. In ihnen standen Geschütze vom Kaliber 9, 12 und 15cm.</p></div>
<div class="tooltip" id="t_20"><b>Geschützstellungen</b><p>Als Bestandteil es Oberwalles stellen sie die Fernverteidigung des Forts dar. In ihnen standen Geschütze vom Kaliber 9, 12 und 15cm.</p></div>
<div class="tooltip" id="t_21"><b>Geschützstellungen</b><p>Als Bestandteil es Oberwalles stellen sie die Fernverteidigung des Forts dar. In ihnen standen Geschütze vom Kaliber 9, 12 und 15cm.</p></div>
</div><div><img class="mapper iborder00aa00 icolor00ff00" src="../../../root/img/Grundriss_3D_klein.jpg" usemap="#Grundriss" border="0" width=680" height="482" alt="" />
</div>
<map name="Grundriss">
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_1');"><area shape="poly" alt="Glacis" id="Glacis" title="Glacis" coords="434,403,347,434,233,477,111,477,153,382,160,398,176,406,195,407,511,313,530,322,550,323,576,319,594,307,595,294,554,155,567,147,570,133,563,123,543,116,519,113,508,114,329,49,304,48,292,51,288,53,282,59,58,79,45,72,75,61,245,48,264,40,291,34,313,32,334,35,354,40,512,93,543,92,567,96,596,107,616,118,630,132,637,148,634,170,623,179,663,303,665,326,652,350,632,366,605,377,576,382,548,381,527,380,512,375,479,388" href="#" /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_2');"><area shape="poly" alt="Haupttor" id="Haupttor" title="Haupttor" coords="64,171,64,171,99,177,98,194,91,202,50,193,64,171,64,171" href="#" /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_3');"><area shape="poly" alt="Blockhaus" id="Blockhgaus" title="Blockgaus" coords="136,192,137,193,141,199,169,198,169,187,164,178,137,182,136,194" href="#" /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_4');"><area shape="poly" alt="Kehlgrabenwehr" id="Kehlgrabenwehr" title="Kehlgrabenwehr" coords="205,161,206,162,183,169,181,179,189,185,216,183,216,173,208,162" href="#" /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_5');"><area shape="poly" alt="Pferdeställe" id="Pferdeställe" title="Pferdeställe" coords="176,206,177,206,195,204,194,222,176,222,176,206" href="#" /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_6');"><area shape="poly" alt="Linker Innenhof" id="Linker Innenhof" title="Linker Innenhof" coords="257,120,257,120,275,115,282,115,292,117,329,139,294,144,257,121" href="#" /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_7');"><area shape="poly" alt="Rechter Innenhof" id="Rechter Innenhof" title="Rechter Innenhof" coords="332,229,333,230,361,229,373,219,372,183,323,187,320,195,336,195,332,229" href="#" /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_8');"><area shape="poly" alt="Anschlussbatterie" id="Anschlussbatterie" title="Anschlussbatterie" coords="22,62,23,63,43,56,60,63,43,69,36,75,25,68,24,63" href="#" /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_9');"><area shape="poly" alt="Linke Schultergrabenwehr" id="Linke Schultergrabenwehr" title="Linke Schultergrabenwehr" coords="304,76,304,76,327,73,314,64,309,65,311,68,302,70,304,76" href="#" /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_10');"><area shape="poly" alt="Rechte Schultergrabenwehr" id="Rechte Schultergrabenwehr" title="Rechte Schultergrabenwehr" coords="508,305,508,302,509,293,499,285,547,273,552,276,556,299,556,313,549,317,538,312,525,304,508,307,508,292" href="#" /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_11');"><area shape="poly" alt="Spitzgrabenwehr" id="Spitzgrabenwehr" title="Spitzgrabenwehr" coords="540,155,539,155,519,154,514,137,505,133,524,129,536,133,539,143,541,154" href="#" /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_12');"><area shape="poly" alt="Kehlkaserne" id="Kehlkaserne" title="Kehlkaserne" coords="160,149,161,150,162,132,170,127,191,125,231,143,242,154,261,181,254,219,250,254,223,252,222,238,229,201,216,184,216,170,207,160,193,166,161,150,161,132,170,128" href="#" /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_13');"><area shape="poly" alt="Kehlreduit" id="Kehlreduit" title="Kehlreduit" coords="233,142,234,143,247,141,262,147,247,152,262,170,277,166,282,174,279,185,264,188,261,176,235,144" href="#" /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_14');"><area shape="poly" alt="Kapitaltraverse" id="Kapitaltraverse" title="Kapitaltraverse" coords="378,153,379,154,302,164,279,159,275,167,262,170,262,161,254,150,363,137,371,140,380,150,378,154" href="#"< /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_15');"><area shape="circle" alt="Innentor" id="Innentor" title="Innentor" coords="172,201,8" href="#"< /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_16');"><area shape="poly" alt="Geschützstellung 1" id="Geschützstellung 1" title="Geschützstellung 1" coords="322,98,323,99,333,97,340,100,330,104,323,100" href="#"< /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_17');"><area shape="poly" alt="Geschützstellung 2" id="Geschützstellung 2" title="Geschützstellung 2" coords="353,110,354,111,363,116,374,114,363,109,355,110" href="#"< /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_18');"><area shape="poly" alt="Geschützstellung 3" id="Geschützstellung 3" title="Geschützstellung 3" coords="388,128,392,126,398,125,400,130,384,133,382,128" href="#"< /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_19');"><area shape="poly" alt="Geschützstellung 4" id="Geschützstellung 4" title="Geschützstellung 4" coords="399,147,400,148,406,154,425,150,416,144,400,146" href="#"< /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_20');"><area shape="poly" alt="Geschützstellung 5" id="Geschützstellung 5" title="Geschützstellung 5" coords="432,167,433,168,432,180,416,181,414,169,431,166" href="#"< /></a>
<a href="#" onmouseout="hideTooltip();" onmouseover="initTooltip('t_21');"><area shape="poly" alt="Geschützstellung 6" id="Geschützstellung 6" title="Geschützstellung 6" coords="415,196,416,197,435,198,435,212,415,214,416,197" href="#"< /></a>
</map>
<div id="tooltipMouseover" class="tooltipMouseover"></div>
</body>
</html>Tooltip.js
Code:
/**
* DHTML Tooltip script v1.1
* (c) 2004 Mikko Mensonen
* www.eternityproject.net
*
* It's a small miracle that it works, since
* I scrambled it together in a small hurry.
* But it's tested on IE6, FF1.0+, Netscape 7
* and Opera 7.5 and they all worked.
*
* I'll do some testing and fixing on older
* browsers some time later.
*/
function initTooltip(divId) {
var tooltip = document.getElementById('tooltipMouseover');
tooltip.style.display = '';
tooltip.style.width = '668px';
tooltip.innerHTML = document.getElementById( divId ).innerHTML;
document.onmousemove=followMouse;
}
function hideTooltip() {
var tooltip = document.getElementById('tooltipMouseover');
document.onmousemove='';
tooltip.style.display = 'none';
}
function followMouse(e){
// offset from the cursor
var offsetx = 20;
var offsety = 20;
var posx = 0;
var posy = 0;
var tooltip = document.getElementById('tooltipMouseover');
if (!e) {
var e = window.event;
}
if (e.pageX || e.pageY) {
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY) {
posx = e.clientX + document.documentElement.scrollLeft;
posy = e.clientY + document.documentElement.scrollTop;
}
if (window.innerWidth || window.innerHeight){
docwidth = window.innerWidth;
docheight = window.innerHeight;
} else if (document.documentElement.clientHeight || document.documentElement.clientWidth) {
docwidth = document.documentElement.clientWidth;
docheight = document.documentElement.clientHeight;
} else if (document.body.clientWidth || document.body.clientHeight){
docwidth = document.body.clientWidth;
docheight = document.body.clientHeight;
}
// if tooltip goes beyond visible area, move it higher by it's width
if ((docheight - (posy + offsety + tooltip.offsetHeight)) < 0 ) {
offsety *= -1;
offsety -= (tooltip.offsetHeight+offsety);
}
// same for the width
if ((docwidth - (posx + offsetx + tooltip.offsetWidth)) < 0 ) {
offsetx *= -1;
offsetx -= (tooltip.offsetWidth+offsetx);
}
tooltip.style.left = posx + offsetx + 'px';
tooltip.style.top = posy + offsety + 'px';
}
// the tooltip div
// document.write('<div id="tooltipMouseover" class="tooltipMouseover"></div>');
// --> put into main bottom fileSo ich hoffe das hilft euch weiter und anschließend mir
