HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<style>
#rp_left{
visibility: visible;
float: left;
}
#rp_komplex_g{
visibility: hidden;
float: left;
height: 0px;
width: 0px;
}
</style>
<script type="text/javascript">
function Turnhalle () {
document.getElementById("rp_komplex_g").style.visibility = "visible";
document.getElementById("rp_komplex_g").style.height = "200px";
document.getElementById("rp_komplex_g").style.width = "200px";
}
</script>
</head>
<body>
<div id="rp_left">
<img src="Ubersicht.jpg" alt="ubersicht" usemap="#Map" />
<map name="Map">
<area title="Gebäudekomplex C" shape="poly" coords="267,41,269,190,278,190,281,309,316,309,316,154,301,41" href="gebaude_c.html" alt="Gebäudekomplex C" target="ubersicht" />
<area title="Gebäudekomplex B" shape="poly" coords="107,136,177,137,177,150,265,151,265,191,222,191,223,210,149,210,138,201,137,179,105,179" href="gebaude_b.html" alt="Gebäudekomplex B" target="ubersicht" />
<area title="Gebäudekomplex A" shape="poly" coords="73,50,93,51,94,93,104,92,104,324,62,323,64,94,73,91" href="gebaude_a.html" alt="Gebäudekomplex A" target="ubersicht" />
<area title="Gebäudekomplex E" shape="rect" coords="236,215,279,309" href="gebaude_e.html" alt="Gebäudekomplex E" target="ubersicht" />
<area title="Gebäudekomplex F" shape="rect" coords="336,159,390,303" href="gebaude_f.html" alt="Gebäudekomplex F" target="ubersicht" />
<area title="Turnhalle" shape="rect" coords="348,99,390,158" href="javascript:Turnhalle()" alt="Turnhalle"/>
<area title="Gebäudekomplex D" shape="rect" coords="234,53,268,151" href="gebaude_d.html" alt="Gebäudekomplex D" target="ubersicht" />
</map>
</div>
<div id="rp_komplex_g">
Hier stehen die Informationen über die Turnhalle!
</div>
</body>
</html>
Der Pfad zum Bild usw. ist alles angepasst worden. Das mit dem "area" klappt bei jedem, außer bei der Turnhalle, da wir dort das href="" umgeändert haben. CSS und JS könnte man ja in eine externe Datei auslagern. Aber sobald ich den Code in den Editor einfüge wird das href="javascript
Lesezeichen