Assigning a style attribute from managed code : Javascript Integration « Communication « Silverlight






Assigning a style attribute from managed code

Assigning a style attribute from managed code
   


<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' d:DesignHeight='480'>
    <Grid x:Name="LayoutRoot" Background="White">
        <Button x:Name="myButton" Content="Update Background" Height="30" Width="150" Click="myButton_Click" />
    </Grid>
</UserControl>

//File: Page.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

using System.Windows.Browser;

namespace SilverlightApplication3
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private void myButton_Click(object sender, RoutedEventArgs e)
        {
            HtmlDocument document = HtmlPage.Document;                
            HtmlElement myDiv = document.GetElementById("myDiv");                     
            myDiv.SetStyleAttribute("backgroundColor", "gray");                       
        }
    }
}

   
    
    
  








Related examples in the same category

1.Preparing a type for scriptingPreparing a type for scripting
2.Exposing a managed code item to the scripting worldExposing a managed code item to the scripting world
3.Exposing an object to the scripting worldExposing an object to the scripting world
4.Referencing a managed item from the scripting world
5.Referencing an HTML element via managed codeReferencing an HTML element via managed code
6.Calling JavaScript object's function from managed code
7.Pass object to HtmlWindow.InvokePass object to HtmlWindow.Invoke
8.Display message with HtmlWindowDisplay message with HtmlWindow
9.Use HtmlPage.RegisterScriptableObject to register object for script