ansaurus

Question

Calling A Javascript function from Silverlight

Answer 1

A:

Make sure your script is fully loaded before trying to invoke functions from it.

Andreas Grech 2009-02-10 21:10:08

This all happens after the page (and all scripts) have been loaded. Edited the question to reflect this. Thanks though.

Ryan 2009-02-10 21:14:25

Answer 2

A:

Ryan, what does showPopup do? can you perhaps create a simple method to isolate if it is something within the method that is in violation?

Tim Heuer 2009-02-10 21:26:05

Nope, I made a function `testFunction()` in the same file as `showPopup` that doesn't do anything but call `alert()` with the same results.

Ryan 2009-02-10 21:43:17

Answer 3

+1 A:

Peter McGrattan 2009-02-10 23:02:14

Answer 4

+1 A:

Aha! I figured it out. Our app uses an iframe, so the rendered html looks something like this

<html>
<head></head>
<body>
Stuff
<iframe>
    <html>
        <head></head>
        <body>Other Stuff</body>
    </html>
</iframe>
<body>
</html>

And the Silverlight control in question is in the iframe. The problem was that the file that contained the showPopup function was referenced in the outer <head> (why I could call the function with the IE toolbar) but not the inner <head>. Adding a reference to the file in the in-the-iframe <head> solved the problem.

Sort of anticlimactic, but thanks for all the help.

Ryan 2009-02-11 15:23:30

Answer 5

+2 A:

Actually referencing the script again from the iframe is not the most efficient way to reference code contained in the parent. If your function is called "showPopup", you can insert this in your iframe:

<script type="text/javascript">
    var showPopup = parent.showPopup;
</script>

And voilà. The explanation for this is that all "global" functions and objects are part of this "global namespace"... which is the "window" object. So if you're trying to access "global" functions from a child, you need to either call the function on the parent (e.g parent.showPopup('....')) or declare a local alias for it (which is what we do in the above example).

Cheers!

Oli 2009-03-09 19:32:56

Answer 6

A:

Here's how I do it. But I'm creating silverlight without visual studio. I just have raw html, xaml, and js (javascript). Notice MouseLeftButtonUp and it's value "LandOnSpace"

  <Canvas x:Name="btnLandOnSpace" Background="LightGreen" MouseLeftButtonUp="LandOnSpace"
   Cursor="Hand" Canvas.Top ="0"  Width="70" Height="50"> 
   <TextBlock Text="LandOnSpace"  />
   </Canvas>

function LandOnSpace(sender, e) {  //on server
if (!ShipAnimateActive && !blnWaitingOnServer) {
 blnWaitingOnServer = true;
 RunServerFunction("/sqgame/getJSLLandOnSpace");
        ShowWaitingBox();
        };
else {
 alert('Waiting on server.');
};

}

Neo42 2009-06-18 12:45:17

ansaurus

tags:

views:

answers:

Calling A Javascript function from Silverlight

related questions