img_Organ

graph/_image-map.fim

@@ -1,10 +1,10 @@
 "fim200","",""
 <map name="ludok" id="ludok">
- <area shape="rect" coords="118,138,277,340" href="#" onClick="Show_Organ('Atemwege')" onMouseover="$(&quot;#img_Organ_Atemwege&quot;).show();" onMouseout="$(&quot;#img_Organ_Atemwege&quot;).hide();" alt="" fimcolor="0" fimcontrast="1" />
- <area shape="rect" coords="176,84,383,997" href="#" onClick="Show_Organ('Herz')" onMouseover="$('#img_Organ_Herz').show();" onMouseout="$('#img_Organ_Herz').hide();" alt="" fimcolor="0" fimcontrast="1" />
- <area shape="rect" coords="2,84,173,1005" href="#" onClick="Show_Organ('Nervensystem')" onMouseover="$('#img_Organ_Nervensystem').show()" onMouseout="$('#img_Organ_Nervensystem').hide()" alt="" fimcolor="0" fimcontrast="1" />
- <area shape="rect" coords="145,9,247,85" href="#" onClick="Show_Organ('Hirn')" onMouseover="$('#img_Organ_Hirn').show()" onMouseout="$('#img_Organ_Hirn').hide()" alt="" fimcolor="0" fimcontrast="1" />
- <area shape="rect" coords="120,326,246,430" href="#" onClick="Show_Organ('Stoffwechsel')" onMouseover="$('#img_Organ_Stoffwechsel').show()" onMouseout="$('#img_Organ_Stoffwechsel').hide()" alt="" fimcolor="0" fimcontrast="1" />
- <area shape="rect" coords="176,242,226,307" href="#" onClick="Show_Organ('Herz')" onMouseover="$('#img_Organ_Herz').show()" onMouseout="$('#img_Organ_Herz').hide()" alt="" fimcolor="0" fimcontrast="1" />
+ <area shape="rect" coords="118,138,277,340" href="#" onClick="Show_Organ('Atemwege')" onMouseover="$(&quot;#img-organ_Atemwege&quot;).show();" onMouseout="$(&quot;#img-organ_Atemwege&quot;).hide();" alt="" fimcolor="0" fimcontrast="1" />
+ <area shape="rect" coords="176,84,383,997" href="#" onClick="Show_Organ('Herz')" onMouseover="$('#img-organ_Herz').show();" onMouseout="$('#img-organ_Herz').hide();" alt="" fimcolor="0" fimcontrast="1" />
+ <area shape="rect" coords="2,84,173,1005" href="#" onClick="Show_Organ('Nervensystem')" onMouseover="$('#img-organ_Nervensystem').show()" onMouseout="$('#img-organ_Nervensystem').hide()" alt="" fimcolor="0" fimcontrast="1" />
+ <area shape="rect" coords="145,9,247,85" href="#" onClick="Show_Organ('Hirn')" onMouseover="$('#img-organ_Hirn').show()" onMouseout="$('#img-organ_Hirn').hide()" alt="" fimcolor="0" fimcontrast="1" />
+ <area shape="rect" coords="120,326,246,430" href="#" onClick="Show_Organ('Stoffwechsel')" onMouseover="$('#img-organ_Stoffwechsel').show()" onMouseout="$('#img-organ_Stoffwechsel').hide()" alt="" fimcolor="0" fimcontrast="1" />
+ <area shape="rect" coords="176,242,226,307" href="#" onClick="Show_Organ('Herz')" onMouseover="$('#img-organ_Herz').show()" onMouseout="$('#img-organ_Herz').hide()" alt="" fimcolor="0" fimcontrast="1" />
 </map>
 <img src="c:\_php\ludok\graph\_mensch_1000.png" width="407" height="1000" border="0" alt="" title="" usemap="#ludok" />

index.html

@@ -51,7 +51,7 @@
                     ResetAll();
                     $('.div-pagecontent #div-menu-noxen-pc').hide();
                     $('.div-pagecontent-mobile #div-menu-noxen-pcm').hide();
-                    $('#div-menu-Sterblichkeit').hide();
+                    $('#div-menu-sterblichkeit').hide();
                     $('#img_mensch_empty').attr("usemap", "");
                 }
 
@@ -146,16 +146,16 @@
     <span id="div-mensch" style="display: inline-block; position: relative; margin-top: 80px;">
         <img src="graph/mensch.png" height="1000px" id="img_Mensch">
 
-        <img src="graph/sterblichkeit.png" id="img-organ-Sterblichkeit" height="1000px" class="img_Organ"
+        <img src="graph/sterblichkeit.png" id="img-organ-Sterblichkeit" height="1000px" class="img-organ"
              style="left: 0px; top: 0px">
-        <img src="graph/notfaelle.png" id="img-organ-Notfaelle" height="1000px" class="img_Organ"
+        <img src="graph/notfaelle.png" id="img-organ-Notfaelle" height="1000px" class="img-organ"
              style="left: 0px; top: 0px">
 
-        <img src="graph/nerven.png" id="img-organ-Nervensystem" class="img_Organ" style="left: 0px; top: 0px">
-        <img src="graph/herz.png" id="img-organ-Herz" class="img_Organ" style="left: 1px; top: 0px">
+        <img src="graph/nerven.png" id="img-organ-Nervensystem" class="img-organ" style="left: 0px; top: 0px">
+        <img src="graph/herz.png" id="img-organ-Herz" class="img-organ" style="left: 1px; top: 0px">
 
-        <img src="graph/lunge.png" id="img-organ-Atemwege" class="img_Organ" style="left: 117px; top: 137px">
-        <img src="graph/leber.png" id="img-organ-Stoffwechsel" class="img_Organ" style="left: 123px; top: 327px">
+        <img src="graph/lunge.png" id="img-organ-Atemwege" class="img-organ" style="left: 117px; top: 137px">
+        <img src="graph/leber.png" id="img-organ-Stoffwechsel" class="img-organ" style="left: 123px; top: 327px">
 
         <img src="graph/mensch_empty.png" style="position: absolute; top: 0; left: 0;" id="img_mensch_empty"
              usemap="(set in Choose_Zeit)">
@@ -175,7 +175,7 @@
 
     </span>
 
-        <div class="div-menu-Sterblichkeit hidden" id="div-menu-Sterblichkeit">
+        <div class="div-menu-sterblichkeit hidden" id="div-menu-sterblichkeit">
             <script>
                 Draw_BtnOrgan('Sterblichkeit');
                 Draw_BtnOrgan('Notfaelle');

ludok.css

@@ -185,7 +185,7 @@ button {
     margin-right: 5px;
 }
 
-.div-menu-Sterblichkeit {
+.div-menu-sterblichkeit {
     position: absolute;
     top: 52px;
     right: 177px;
@@ -263,7 +263,7 @@ button {
     right: 20px;
 }
 
-.img_Organ {
+.img-organ {
     display: none;
     position: absolute;
     top: 10px;

zz_utils.js

@@ -49,7 +49,7 @@ function Choose_Zeit(a_zeit, a_mobile) {
     }
 
     $(glb_PCID + '#div-menu-noxen-pc').fadeIn();
-    $(glb_PCID + '#div-menu-Sterblichkeit').fadeIn();
+    $(glb_PCID + '#div-menu-sterblichkeit').fadeIn();
 
     $('#img_mensch_empty').attr("usemap", "#image-map");