Estoy teniendo un tiempo excelente para obtener Silverlight y JavaScript para comunicarse entre ellos.Silverlight y comunicación de JavaScript
En el archivo page.xaml.cs, que marcó la clase como ScriptableType y dos métodos con ScriptableMember. a continuación, declaré:
HtmlPage.RegisterScriptableObject("Page", this);
Cuando intento para invocar cualquier método, llego obj.Content.Page no está definido:
var obj = document.getElementById('silverlightControl');
alert(obj); // [object HtmlObjectElement]
alert(obj.Content); // Content
alert(obj.Content.Page); // obj.Content.Page is undefined
alert(obj.Content.Page.GetRegion());
Por otro lado, en el interior de un método en el Page.xaml. cs, llamo:
HtmlPage.Window.Invoke("mapRegionChanged", GetRegion());
que tienen un método correspondiente en JavaScript, que nunca se llama:
function mapRegionChanged(region) {
alert("Region changed: " + region);
}
El objeto de Silverlight se declara como sigue:
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2"
width="151px" height="77px" id="silverlightControl">
<param name="onload" value="regionsLoaded" />
<param name="source" value="<%= Url.Content("~/ClientBin/Worldmap.xap") %>" />
<param name="onerror" value="onSilverlightError" />
<param name="background" value="white" />
<param name="minRuntimeVersion" value="2.0.31005.0" />
<param name="autoUpgrade" value="true" />
<param name="enableHtmlAccess" value="true" />
<a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;">
<img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none" />
</a>
</object>
El control de usuario se define en XAML como:
<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="Worldmap.Page"
Width="151" Height="77" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
<Grid x:Name="LayoutRoot" Background="White" Width="151" Height="77" Cursor="Hand" MouseMove="OnMouseMove" MouseLeftButtonUp="OnMouseUp" MouseLeave="OnMouseLeave">
Bueno, aparentemente funciona en IE7, pero no en Firefox 3.0.5. Pensé que ya habíamos pasado las guerras de los navegadores con Silverlight. –
¿Ve un error en la consola de JavaScript? – russau
No, no hay errores en la consola de errores. –