Volání JS funkce přes eventHandler uvnitř SVG – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Ahoj..řeším celekm triviální problém:

- v index.php jsem si cvičně vytvořil
 <a id="mydiv" rel="nofollow" href="http://www.seznam.cz">test</a>

- vytvořil jsem soubor switchtab.js a ten jsem si nalinkoval v index.php - soubor obsahuje jednu funkci
function styleClick() {
                $('mydiv').click();
                $('mydiv2').click();
   };

- tuto funkci se snažím zavolat z externího SVG pomocí eventHandleru na jednom z jeho objektů
onmouseover="styleClick()"

všiml jsem si ale, že ten handler tu funkci nezavolá
netušíte jak šikovně prověřit, že handlery si funkci zavolají?

#1 ZAJDAN
Ahoj,

v handleru si můžeš nechat vyskočit okýnko pomocí alertu, nebo něco vypsat do konzole prohlížeče pomocí console.log(). Další možnost je si nastavit v prohlížeči v tom skriptu breakpointy a ono ti to řekne, když se spustí ten konkrétní řádek.

podařilo se mi odchytat potřebné elementy, ale na potvoru poslední akce v kódu se neprovede:
 

$(window).load(function () {
var tabA = $$('.nn_tabs_nav ul li:nth-child(2) span a');                                              //tady si odchytím jeden z tabů
//Functional
        var svg = document.getElementById("svg");                                                 //tady si odchytím kontajner pro svg
        var svgElement = svg.contentDocument;                                                       //get the inner DOM .svg
        var door = svgElement.getElementById("door-left-contour");                            //get the inner element by id

        door.addEventListener("mouseout",function(){tabA.setStyle('color','yellow')});    // provede změnu barvy - úspěšně
        door.addEventListener("mousedown",function(){tabA.click()});                     // tady se snažím provést klik na tabA
    });

v bodě, kde se snažím provést klik na proměnou tabA se akce neprovede. při nastaveném breakpointu to vyhodí:
Unhandled Error: 'tabA.click' is not a function

což nechápu, protože předcházející akce při mouseout na stejný element se provede  pořádku

zkusil jsem ješte nahradit ".click" mootools ekvivalentem:
 

door.addEventListener("mousedown",function(){tabA.addEvent(click)});
 

tentokrát je breakpoint vyhodnocen jako:
Unhandled Error: Undefined variable: click