[SVG/Javascript] setAttribute unsupported?

[zikje]

evt.target.getAttribute('id')

Dit probeer ik toe te passen in een onmouseover functie met javascript toegepast op een element van een svg-document. Ik gebruikt de adobe svg 6 beta plugin. Normaal gezien zou dat ondersteund moeten zijn. Helaas krijg ik dit:

MS JScript runtime error: Object doesn't support this property or method

Ik begrijp er helemaal niks van.

code:

function OnRadioOver(evt) 
{
  alert(evt.target.getAttribute('id'));
}

[BtM909]

Heb je iets meer code?

en JS hoort eigenlijk bij de buren [WG]

[zikje]

code:

<use x="580" y="105" id="rArrangementen" xlink:href="#radio" onclick="RadioClicked(evt,'Arrangementen','info')" onmouseover="OnRadioOver(evt)"/>
    <use x="580" y="105" id="rfArrangementen" xlink:href="#radioFill" visibility="hidden"/>
    <text x="595" y="109" class="plaintext">arrangementen</text>

Dit is het SVG gedeelte: een radiobutton. Ik wil bij de onmouseover een gradient fill krijgen. Daarvoor heb ik die functie OnRadioOver gemaakt. Maar ik kan niet aan de attributes: getAttribute en setAttribute werken niet.

Vermits er een MS JScript error komt, vraag ik me toch af waarom dat zo is? Ik dacht dat wanneer je een SVG Plugin gebruikt dat je de Ecmascript daarvan zou gebruiken vermits die meer zaken ondersteunt dan de standaard javascipt van een webbrowser (enkel HTML DOM).

Misschien is dat het probleem.

[r0bert]

code:

function fGetEvent(e, bSrcEl)
{
    if (!e)     e   = window.event;
            
    if (bSrcEl)     return (e.srcElement || e.target);
    else            return e;
}

function OnRadioOver(evt) 
{
    var oEventTarget = fGetEvent(evt, true);

    alert(oEventTarget.getAttribute('id');
}

edit: misschien dat het zo werkt? Weet niet wat voor browser je gebruikt

Heb je het bovenstaande geprobeerd en werkte niet?

[ Voor 56% gewijzigd door r0bert op 20-01-2005 11:56 . Reden: weet niet zeker hoor, maar mssn heb je er wat aan ]

[zikje]

En wat gebeurt er met bovenstaande code dan?

[zikje]

[b][message=22616021,noline]edit: misschien dat het zo werkt? Weet niet wat voor browser je gebruikt

de adobe svg plugin werkt enkel volledig met IE. Met Firefox bijna volledig en met Opera half.

[JeromeB]

r0bert schreef op donderdag 20 januari 2005 @ 11:47:

code:

function fGetEvent(e, bSrcEl)
{
    if (!e)     e   = window.event;
            
    if (bSrcEl)     return (e.srcElement || e.target);
    else            return e;
}

function OnRadioOver(evt) 
{
    var oEventTarget = fGetEvent(evt, true);

    alert(oEventTarget.getAttribute('id');
}

edit: misschien dat het zo werkt? Weet niet wat voor browser je gebruikt

Heb je het bovenstaande geprobeerd en werkte niet?

Het parsen en interpreteren van de code gebeurt door de SVG Viewer en is dus onafhankelijk van de browser. Het is wel mogelijk om html:script te mengen met SVG, maar dat is een hoop gepiel en werkt ook niet erg bevredigend.

Het triggeren van events werkt gewoon op de volgende manier:

code:

function trigger(event)
{
    return event.target;
}

Je script bevat dus gewoon overbodig veel code.

-----------------------------------

Ik denk zelf dat het probleem een bug is in ASV6. Probeer het scriptje eens op een standaard element (circle of rect ofzo) inplaats van een USE-element. Kijk of de mouseover event-handler wel goed werkt en test het ook eens met een andere event-handler (mousemove of onclick ofzo). Ik heb gelezen dat de mouseover event-handler wel eens probleempjes veroorzaakt in ASV6.

offtopic:
Overigens gaat het zoiezo niet werken in Corel SVG Viewer. CSV implementeert het USE-element niet volgens de specificaties.

[André]

Het verschil is dat IE event.srcElement gebruikt en Mozilla event.target

[JeromeB]

André schreef op donderdag 20 januari 2005 @ 13:07:
Het verschil is dat IE event.srcElement gebruikt en Mozilla event.target

Volgensmij wordt de code gewoon geinterpreteert door de SVG Viewer (wanneer je gebruik maakt van de SVG namespace), niet door de browser.

[Verwijderd]

JeromeB schreef op donderdag 20 januari 2005 @ 13:20:

Volgensmij wordt de code gewoon geinterpreteert door de SVG Viewer (wanneer je gebruik maakt van de SVG namespace), niet door de browser.

Behalve als die browser zelf al SVG ondersteunt natuurlijk.

[curry684]

Tikje over de schutting

[JeromeB]

Verwijderd schreef op donderdag 20 januari 2005 @ 13:22:
[...]

Behalve als die browser zelf al SVG ondersteunt natuurlijk.

Natuurlijk (Amaya is een leuk voorbeeld), maar de TS gaf toch duidelijk aan dat hij ASV6 gebruikt?

[Woudloper]

Heb je wellicht al eens op onderstaande website gekeken, daar heb ik namelijk redelijk wat informatie vandaan kunnen halen voor wat betreft SVG:
[list]• SVG FAQ• SVG (door Bart Tierens) NL

[zikje]

[message=22616764,noline]Het parsen en interpreteren van de code gebeurt door de SVG Viewer en is dus onafhankelijk van de browser

Ik denk zelf dat het probleem een bug is in ASV6. Ik heb gelezen dat de mouseover event-handler wel eens probleempjes veroorzaakt in ASV6.

Dit was het probleem. Ik heb het nu opnieuw gedaan met ASV3 en daar werkt het wel. Bij ASV6 is er een bug bij mouseover zodat hij daar de javascript engine van de browser gaat gebruiken: vandaar de foutmelding met JScript.

Het is wel spijtig want ASV6 ondersteunt text wrapping, waardoor ik dat nu allemaal manueel moet gaan coderen in javascript.

In ieder geval, allemaal bedankt voor jullie hulp!