Downloaded 18 times
![Silverlight 2 "Tricks with the browser" Mike Taulty Developer & Platform Group Microsoft Ltd [email_address] http://www.mtaulty.com (/DevWeek.zip)](https://image.slidesharecdn.com/mtaultydevweeksilverlight379/85/MTaulty_DevWeek_Silverlight-1-320.jpg)
![Silverlight 2 "Tricks with the browser" Mike Taulty Developer & Platform Group Microsoft Ltd [email_address] http://www.mtaulty.com (/DevWeek.zip)](https://image.slidesharecdn.com/mtaultydevweeksilverlight379/75/MTaulty_DevWeek_Silverlight-1-2048.jpg)
![Silverlight 2 "Tricks with the browser" Mike Taulty Developer & Platform Group Microsoft Ltd [email_address] http://www.mtaulty.com (/DevWeek.zip)](https://image.slidesharecdn.com/mtaultydevweeksilverlight379/85/MTaulty_DevWeek_Silverlight-38-320.jpg)
Uploaded byukdpe
MTaulty_DevWeek_Silverlight
This document discusses how to control the interaction between Silverlight applications and the browser. It covers topics like controlling the Silverlight plugin from HTML and JavaScript, accessing the HTML DOM from .NET code, calling .NET methods from JavaScript, and creating XAML UI elements from JavaScript. The document provides examples of parameters for the Silverlight plugin tag and techniques for marshalling data across the Silverlight-JavaScript boundary. It also discusses security considerations around allowing access between the two environments.
More Related Content
![How Microsoft Secures its Online Services [WHITEPAPER]](https://cdn.slidesharecdn.com/ss_thumbnails/microsoftonlinesecurity-100122154531-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to MTaulty_DevWeek_Silverlight
MTaulty_DevWeek_Silverlight
- 1. Silverlight 2 "Trickswith the browser" Mike Taulty Developer & Platform Group Microsoft Ltd [email_address] http://www.mtaulty.com (/DevWeek.zip)
- 2. The shape ofthe session
- 3. Where we areup to
- 4. Mixed Content inthe Browser HTML Silverlight
- 5. Mixed Content inthe Browser <head/> <body> <div id=“foo”> <input type=“button” value=“Click Me”/> </div> </body> <UserControl> <Grid x:Name=“myGrid”> <Button Content=“Click Me”/> </Grid> </UserControl>
- 6. Mixed Content inthe Browser Browser Sandbox JavaScript Runtime .NET Core CLR HTML Page DOM <body> <object id=“silverlightPlugIn1” type="application/x-silverlight-2"> <param name="source" value="myApp.xap"/> </object> </body> Silverlight Plug-In HTML Bridge CLR App Domain Application .NET Code Silverlight UI DOM
- 7. Where we areup to
- 8. Controlling the SilverlightPlug-In It’s an object tag; All Properties/Events on the Plug-In Subset that are initialisation only Subset that are post-initialisation only <object> JavaScript .NET
- 9. Controlling the SilverlightPlug-In It’s an object tag; Standard HTML Object Tag Parameters type tabIndex data id, style, etc. width culture height uiculture altHtml Recommended approach is not to use this but to set inner HTML of object tag Relevant for loading of satellite assemblies
- 10. Controlling the SilverlightPlug-In Display Parameters Background Relevant if not obscured by other content Windowless Only relevant on Windows Enables HTML overlay with transparency
- 11. Controlling the SilverlightPlug-In HTML Interop Parameters AllowHtmlPopupWindow Controls HtmlPage.PopupWindow EnableHtmlAccess Controls whether Silverlight (.NET) code can access the browser and HTML DOM
- 12. Controlling the SilverlightPlug-In Debugging/Analysis Parameters EnableRedrawRegions Visually highlight which areas are being re-painted
- 13. Controlling the SilverlightPlug-In Plugin Parameters AutoUpgrade & MinRuntimeVersion Only make sense together IsLoaded After XAML has loaded but before OnLoad event
- 14. Controlling the SilverlightPlug-In Application Parameters SplashScreenSource Points to a piece of stand-alone XAML backed only by JavaScript Possibly better to avoid and factor your XAP to get .NET code on the screen quickly
- 15. The less obviousparameters NB: Some other parameters we’ll revisit later
- 16.
- 17. Where we areup to
- 18. .NET code againstthe plug-in
- 19. .NET code againstthe browser
- 20. .NET against thebrowser
- 21. Where we areup to
- 22. HTML UI from.NET <head/> <body> <div id=“foo”> <input type=“button” value=“Click Me”/> </div> </body> void Foo() { // Grab HTML & Play With It } Access existing elements Add/Remove/Change properties Handle events Add/Remove elements
- 23. HTML UI from.NET
- 24. HTML UI from.NET
- 25. Where we areup to
- 26. JavaScript and .NETcode JavaScript .NET Marshalling Boundary .NET Code JavaScript Code Create instances Call methods Access properties Call delegates Handle events Pass parameters Receive return values Handle exceptions
- 27. Marshalling JavaScript .NETNB: Special case for Date <-> DateTime which is really marshalling a browser object Marshalling Boundary string number boolean String “ Integers” Guid Boolean “ Floats” Marshalled by value Look at source type Look at destination type Perform “natural” conversions
- 28. Marshalling JavaScript .NETNB: Not all methods on ScriptObject shown here Marshalling Boundary object window document element Marshalled by reference
- 29. Marshalling JavaScript .NETMarshalling Boundary browser object object Marshalled by reference Exposed Properties Exposed Methods Exposed Events
- 30. There’s more tothis
- 31. Tour of .NET<-> JavaScript
- 32. Controlling Access enableHtmlAccess<object/> tag property Silverlight code -> HTML Browser/DOM Default: false for x-domain, true for same-domain ExternalCallersFromCrossDomain Application manifest setting (in the XAP) JavaScript code -> Silverlight code/XAML DOM Default: NoAccess for x-domain, true for same-domain
- 33. Where we areup to
- 34. XAML UI fromJavaScript <head> <script type=“text/javascript”> function CreateXaml() { } </script> <body> </body> Access existing elements Add/Remove/Change properties Handle events Add/Remove XAML content <UserControl> <Grid x:Name=“myGrid”> <Button Content=“Click Me”/> </Grid> </UserControl>
- 35. XAML UI fromJavaScript Somewhat of a legacy from Silverlight 1.0 Limitations around Objects that can be programmed against XAML that can be used to create objects Key methods plugin.content.findName() plugin.content.createFromXaml() Generally – avoid unless no other option
- 36. XAML UI fromJavaScript
- 37. Resources The one-stop-shophttp://www.silverlight.net The best blog post on the topic Wilco Bauwer on Silverlight Interop The somewhat obfuscated MSDN docs JavaScript API for Silverlight HTML Bridge: Interaction between HTML and .NET
- 38. Silverlight 2 "Trickswith the browser" Mike Taulty Developer & Platform Group Microsoft Ltd [email_address] http://www.mtaulty.com (/DevWeek.zip)
- 39. © 2008 MicrosoftCorporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
Editor's Notes
- #2 06/08/09 15:52 © 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.