Area in Grafik

[musclebreast]

Hallo,

ich habe eine Grafik und mit Hilfe von area Bereichen starte ich links. Klappt alles soweit super nur 2 Dinge verstehe ich nicht.:

<script>

function ProductGroup(PID,PName) {

    if(window.opener && !window.opener.closed) {
          window.opener.link_ProuctGroup(PID,PName);
          window.close();
    }

}




</script>




  <img src="\img\customization\pdd\map.png" width="1257" height="3714" border="0" alt="Product Group Map" usemap="#Map">
  <map name="Map">
    <area shape="rect" coords="11,2129,169,2210"
          onclick="ProductGroup(1700603,'Product Grouping_Product Development');" alt="Product Grouping_Product Development">
 

    <area shape="rect" coords="220,1170,380,1290"
          onclick="ProductGroup(1757073, '100000000 Tooth Replacement System(s)');" alt="Tooth Replacement System(s)(1)">
   
    <area shape="rect" coords="440,720,595,810"
          onclick="ProductGroup(1757270, '101000000 Planning & Design Tools');" alt="Planning & Design Tools (1-01)">

  <area shape="rect" coords="653,423,810,505"
          onclick="ProductGroup(1757276, '101010000 Planning Tools');" alt="Planning Tools (1-01-01)">

 <area shape="rect" coords="870,135,1020,220"
          onclick="ProductGroup(1757282, '101010100 Impression');" alt="Impression (1-01-01-01)">

    
 <area shape="rect" coords="185,5,1237,83"
          onclick="ProductGroup(1757288, '101010101 Digital impression');" alt="Digital Impression (1-01-01-01-01)">


  </map>

1. lade ich die Grafik dann ist im browser fenster jeweils ein weisser rand an allen seiten. Wie kann ich den entfernen?


2. Ich habe Probleme bei den Koordinaten. Das Bild entspricht exakt der Grösse wie es auch auf dem Server gespeichert ist, damit ich sauber die Pixel aus paint ablesen kann. Jetzt habe ich folgendes Phänomen: im explorer 6 funktionieren die koordinaten korrekt.Im Exploer 9 sind die koordinaten über einen cm nach oben verschoben. Woran kann das liegen?

lg,

Lara

 

[threadi]

Zu 1.: Ich tippe mal blind darauf, dass Du kein CSS verwendest um den Rahmen von Bildern zu entfernen. Also:

img { border: 0; }

Zu 2.: Könnte an nicht validem HTML-Code und/oder nicht durchdachtem CSS liegen. Ohne den gesamten Quellcode oder einen Link zur Seite kann man das nicht beurteilen.

 

[musclebreast]

Hallo,

zu 1. Da war deine Vermutung richtig.:)

zu2. Das ist jetzt nicht so einfach. Es ist ein Pop in die Grafik aufgerufen wird und wenn man auf einen Bereich klickt dann werden werte an eine JAvafunktion übergeben, welche im parent fenster ausgeführt werden. Da es sich hier um eine MIddleware handelt wo ich den Text einfüge (ist nur ein Teil einer grossen Seite) ist die der komplette Quelltext.

<script>

function ProductGroup(PID,PName) {

    if(window.opener && !window.opener.closed) {
          window.opener.link_ProuctGroup(PID,PName);
          window.close();
    }

}




</script>




  <img src="\img\customization\pdd\map.png" width="1257" height="3714" border="0" alt="Product Group Map" usemap="#Map">
  <map name="Map">
    <area shape="rect" coords="11,2129,169,2210"
          onclick="ProductGroup(1700603,'Product Grouping_Product Development');" alt="Product Grouping_Product Development">
    <area shape="rect" coords="220,1170,380,1290"
          onclick="ProductGroup(1757073, '100000000 Tooth Replacement System(s)');" alt="Tooth Replacement System(s)(1)">
    <area shape="rect" coords="440,720,595,810"
          onclick="ProductGroup(1757270, '101000000 Planning & Design Tools');" alt="Planning & Design Tools (1-01)">
  <area shape="rect" coords="653,423,810,505"
          onclick="ProductGroup(1757276, '101010000 Planning Tools');" alt="Planning Tools (1-01-01)">
 <area shape="rect" coords="870,135,1020,220"
          onclick="ProductGroup(1757282, '101010100 Impression');" alt="Impression (1-01-01-01)">
 <area shape="rect" coords="185,5,1237,83"
          onclick="ProductGroup(1757288, '101010101 Digital impression');" alt="Digital Impression (1-01-01-01-01)">


  </map>

das komische. Der erste Area Eintrag funktioniert ohne Probleme mit den Positionsangaben. Es wird nur mit jeder neuen Area Zeile immer schlechter. Sieht evtl. irgendjemand woran es liegen kann, weil im IE6 stimmen die Postionsangaben.

LG,

Lara

 

[threadi]

Auch wenn der Quellcode nur in einem Popup (nicht Pop?) geladen wird, solltest Du dennoch in der Seite korrekten HTML-Code mit seinem gesamten HTML-Gerüst verwenden. Ein Doctype ist natürlich auch wichtig. Nur dann kannst Du auch sicher sein, dass die Darstellung einheitlich sein sollte.

Zudem hast Du keine Java-Funktion sondern eine JavaScript-Funktion - ist ein sehr großer Unterschied.

 

[Tronjer]

Hallo,

Jetzt habe ich folgendes Phänomen: im explorer 6 funktionieren die koordinaten korrekt.Im Exploer 9 sind die koordinaten über einen cm nach oben verschoben. Woran kann das liegen?

lg,

Lara

Das ist aber mal ein seltsames Phänomen. ;)

Lösungsansatz:

- Erstelle eine neue Image-Map mit diesem Tool: maschek.hu - Online Image Map Editor
- Isoliere die Map in einer separaten Datei, um eventuelle Einflüsse anderer CSS-Anweisungen zu eleminieren.

 

[musclebreast]

Hallo, ich werde eure Ansätze probieren und werde euch ein Feeback geben. Übrigends es funktioniert auf IE6,7 und 8 ohne Probleme, nur im IE9 gibs die Probleme mit den Koordinaten....
lg

lara