Question

I have a problem I cannot seem to solve. I am using AS3’s navigateToURL(); function to call a simple javascript function. At the moment it just alerts the first parameter. The problem is, when this function is placed inside of the $(document).ready(function(){..}) block it does not fire. Example of my code:

<script type="text/javascript">
  $(document).ready(function(){
    function mapLink(aVar){
      alert(aVar);
    };
  });
</script>

Example of simple AS3 call to function:

navigateToURL(new URLRequest('Javascript: mapLink("'+mapObject.tooltipMoreLink+'");'), '_self');

When the function is placed OUTSIDE of the jquery code, it works fine. Why does it need to be inside of the jquery code you may be asking? I need the jQuery DOM selectors to manipulate certain dom elements based on the value of ‘aVar’ in my javascript function.

Any guidance is welcomed with an open mind.

Answer 1

eh. this is what the ExternalInterface class was designed for.

You issue has to do with scope. Your function is scoped to the jquery object, and not globally, so it is invisible to your call. If you need jquery selectors, then you could easily set the flash var independently, followed by the jquery routine.

update

maybe I’m missing something, but shouldn’t this be as be easy as:

function externalCall(param){

     $(domElement).doSomething(param);

}

?

I wouldn’t think this need be tied to the jq ready function. I mean, if flash has already loaded, and the user is interacting, then certainly the ready event has long since fired successfully.

Hope that helps. I’m not sure I’m following exactly what you’re trying to do 😉

…
btw – I really would look into ExternalInterface, NavToURL may work, but you can call your js directly with the former method.