1. Dashboard
  2. Forum
    1. Unerledigte Themen
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team-Mitglieder
    4. Trophäen
    5. Mitgliedersuche
  4. Tutorial Bereich
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Lexikon
  • Erweiterte Suche
  1. Informatik Forum
  2. Webmaster & Internet
  3. Web-/Grafikdesign

[SVG][JS] event handling

  • Flowyes
  • 26. März 2005 um 15:35
  • Unerledigt
  • Flowyes
    9
    Flowyes
    Mitglied
    Punkte
    750
    Beiträge
    116
    • 26. März 2005 um 15:35
    • #1

    EDIT: Hab ich schon erledigt...

    Ich hab mehrere kleine icons, die ich mittels SVG visualisiere. Diese verwenden ein 6-eckiges Polygon als clip-path. Das geht so:

    Code
    <g id="elem1">
      <image xlink:href="C:\bilder\1.jpg" width="200"
    	height="150" clip-path="url(#zelle)" />
       <polygon points="0 75, 50 0, 150 0, 200 75, 150 150, 50 150, 0
    	75" fill="none" stroke="#FF0000" stroke-width="3"/>	
    </g>


    Das ist z.B. mein erstes Icon. Alle schauen ungefähr gleich aus; der einzige Unterschied ist das id (hier: "elem1").

    Was ich will ist folgendes: Wenn ein mouseOver-Event auf einem icon auftritt, soll das Polygon-Element von diesem icon die Farbe ändern (stroke-Attribut soll sich also ändern). Dafür hab ich diesen event-handler:

    Code
    <use xlink:href="#elem1" onmouseover="hervorheben(evt)" 
       onmouseout="hervorheben(evt)" />

    Und nun zum Problem: Wie soll meine js-Funktion hervorheben() ausschauen, dass das geht? Ich kriegs irgendwie nicht hin. Ich hab im Moment folgendes dafür:

    Code
    <script type="text/ecmascript"> <![CDATA[
      function hervorheben(evt) {
    	svgdoc = evt.getCurrentNode();
    	elem = svgdoc.getAttribute('xlink:href');
    	elem = elem.substr(1,elem.length);
    	[color=Black]// ich weiß nicht wie da weitermachen soll...[/color]
        }
      ]]>
    </script>


    Kann mir jemand helfen? Wäre sehr dankbar...

    EDIT: Hab ich schon erledigt...

    The idea behind this technique is surprisingly simple: just go ahead and do whatever you want to without paying attention to what anybody else is doing. If there is a problem, worry about it later. (Many politicians use this algorithm, too) -- A. S. Tanenbaum, M. v. Steen, Distributed Systems

  • Maximilian Rupp 27. Dezember 2024 um 12:08

    Hat das Thema aus dem Forum Grafik/Video nach Web-/Grafikdesign verschoben.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden

Benutzer online in diesem Thema

  • 1 Besucher

Rechtliches

Impressum

Datenschutzerklärung