FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: Zugreifen auf eingebettetes svg von externem javascript vom 24.08.2011

	MGi Foren-Übersicht -> Programmierung -> Zugreifen auf eingebettetes svg von externem javascript

Autor

Nachricht

Deridjian
Threadersteller

Dabei seit: 28.07.2010
Ort: Berlin
Alter: 39
Geschlecht: Männlich

Verfasst Mi 24.08.2011 04:00
Titel

Zugreifen auf eingebettetes svg von externem javascript

Hallo liebe Kollegen!

Habe auch mal wieder ein Problem ._.
In einem .html dokument ist ein .svg eingebettet:

Code:

an der selben .html datei ist ein javascript file angehängt mit folgender funktion:

Code:

$(function() {
   $('#refcontainer').click(function() {
      var refcontainer = document.getElementById("refcontainer");
      $(refcontainer).animate({
         height: '77.5%',
         top: '4.5%'
      }, {
         queue: false,
         duration: 500
      });
      window.setTimeout( 'window.location = ("./referenzen.html")', 510 );
      return false;
   });
});

Soweit alles wunderbar. Ich möchte nun diese Funktion mit .click Event aber auch für ein Objekt innerhalb der svg datei verfügbar machen. Besagtes Pfad-Objekt hat in der svg-datei auch eine ID ("cirlceone").
Die (mir) sinnvollste Lösung die ich ausfindig machen konnte war diese hier:

Code:

document.getElementById('x').contentDocument.documentElement.getElementById('y')

Ich habe dann versucht eine variable zu erstellen um sie dem click event hinzuzufügen, aber daran scheitere ich leider auch nach vielem Suchen und Probieren:

Code:

$(function() {
   var circleone = document.getElementById('homecircles').contentDocument.documentElement.getElementById('circleone');
   $('#refcontainer', circleone).click(function() {
      var refcontainer = document.getElementById("refcontainer");
      $(refcontainer).animate({
         height: '77.5%',
         top: '4.5%'
      }, {
         queue: false,
         duration: 500
      });
      window.setTimeout( 'window.location = ("./referenzen.html")', 510 );
      return false;
   });
});

(Die Notierung der event handler referenzen #refcontainer und circleone habe ich verschieden versucht zu setzen, ohne Erfolg. Das kommt davon wenn man immer nur snippets benutzt ._.")
Bin euch für jeden Vorschlag dankbar.

Deri~

Zuletzt bearbeitet von Deridjian am Mi 24.08.2011 04:01, insgesamt 1-mal bearbeitet

fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht: Männlich

Verfasst Mi 24.08.2011 10:24
Titel

Probier mal

Code:

var circleone = document.getElementById('homecircles').getSVGDocument().getElementById('circleone');

oder so.
Ne Möglichkeit, sich das ganze mal online anzuschaun und/oder Fehlermeldungen aus der Fehlerkonsole wären aber auch sehr hilfreich *zwinker*


	MGi Foren-Übersicht -> Programmierung

Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.