[JavaScript] Imagemap mit rahmen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Aeonsam, 16. Mai 2009 .

Schlagworte:
  1. 16. Mai 2009
    Imagemap mit rahmen

    Hi Leute,

    hab mal wieder eine Frage

    Benötige einen rhmen um den <area> mit css klappts nicht und geht wohl laut mehreren Beiträge nicht. Es soll wohl mit js zu lösen sein, lider ist js nicht wirklich mein Gebiet.

    habe hier ein Bsp:

    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>Verweis-sensitive Grafiken definieren - map, area, usemap</title>
    </head>
    <body>
    
    <h1>Imagemap Test</h1>
    
    <p>
     <img src="karte.png" width="345" height="312" border="0" alt="Karte" usemap="#Landkarte">
     <map name="Landkarte">
     <area shape="rect" coords="11,10,59,29"
     href="#" alt="Koblenz" title="Koblenz">
     <area shape="rect" coords="42,36,96,57"
     href="#" alt="Wiesbaden" title="Wiesbaden">
     <area shape="rect" coords="42,59,78,80"
     href="#" alt="Mainz" title="Mainz">
     <area shape="rect" coords="100,26,152,58"
     href="#" alt="Frankfurt" title="Frankfurt">
     <area shape="rect" coords="27,113,93,134"
     href="#" alt="Mannheim" title="Mannheim">
     <area shape="rect" coords="100,138,163,159"
     href="#" alt="Heidelberg" title="Heidelberg">
     <area shape="rect" coords="207,77,266,101"
     href="#" alt="W&uuml;rzburg" title="W&uuml;rzburg">
     <area shape="rect" coords="282,62,344,85"
     href="#" alt="Bamberg" title="Bamberg">
     <area shape="rect" coords="255,132,316,150"
     href="#" alt="N&uuml;rnberg" title="N&uuml;rnberg">
     <area shape="rect" coords="78,182,132,200"
     href="#" alt="Karlsruhe" title="Karlsruhe">
     <area shape="rect" coords="142,169,200,193"
     href="#" alt="Heilbronn" title="Heilbronn">
     <area shape="rect" coords="140,209,198,230"
     href="#" alt="Stuttgart" title="Stuttgart">
     <area shape="rect" coords="187,263,222,281"
     href="#" alt="Ulm" title="Ulm">
     <area shape="rect" coords="249,278,304,297"
     href="#" alt="Augsburg" title="Augsburg">
     <area shape="poly" coords="48,311,105,248,96,210,75,205,38,234,8,310"
     href="#" alt="Baden" title="Baden">
     </map>
    </p>
    
    </body>
    </html>
    
    
    danke schon mal im voraus
     
  2. 16. Mai 2009
    AW: Imagemap mit rahmen

    Ich habe auf die Schnelle folgendes Script gefunden:

    http://www.netzgesta.de/mapper/
    damit kannst du verschiedene Aktionen bei maps ausführen lassen, einfach mal durchlesen und ausprobieren - unten wird auch erklärt, wie es funktioniert/man es gebrauchen muss

    Außerdem hab ich noch diesen Codeschnippsel gefunden
    Code:
    * {
    -moz-outline: 1px dashed orange;
    }
    soll aber nur im Firefox funktionieren laut Autor
     
  3. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.