Beginning Web Development, Silverlight, and ASP.NET AJAX

360
CHAPTER 15 ■ ENHANCING THE WEB EXPERIENCE WITH SILVERLIGHT
function handleLoad(control, userContext, rootElement)
{
SilverlightControl = control;
theTextBlock = SilverlightControl.content.findName("txt");
theTextBlock.addEventListener("MouseLeftButtonDown", "txtClicked");
}
function txtClicked(sender, args)
{
theTextBlock.Text = "Hello to you too!";
}
Now what will happen is that when the Silverlight control is rendered, the code finds
the TextBlock element and creates a new event listener that responds to a mouse click by
calling the JavaScript function txtClicked.
This function will then change the contents of the TextBlock to “Hello to you too!” the
end result being that the text will be changed as soon as the user clicks on it.
Putting It All Together in HTML
As you’ve seen already, HTML is at the heart of the Silverlight experience. Silverlight is a
plug-in for the browser, after all. You’ve seen a number of pieces of this HTML already,
but for reference, the complete HTML is here.
This contains the JavaScript references to the Silverlight.js, CreateSilverlight.js,
and Code.js files, which are the Silverlight SDK script, the script containing the
createSilverlight function, and the script containing the event-handler code, respectively.
It also sets up a tag to define the dimensions of the that contains the
Silverlight control, and the itself, which is populated by the results of the call to
createSilverlight.
FirstSilverlight
.silverlightHost {
height: 480px;
width: 640px;