Silverlight et javascript

**nokia1600** · 21/05/2010, 10h39

Bonjour,

J'expose mon problème,

Je dispose d'une application Silverlight comportant une div, une frame. Dans cette frame une page html apparait. j'ai incoporé au projet une page Html qui comporte des fonctions javascript. Le problème c'est que je n'arrive pas à accéder aux fonctions javascript de cette page en cliquant sur un bouton.

Si quelqu'un a la solution ce serait super gentil. (décidément le Silverlight n'est pas ma tasse de thé)

D'avance merci

**Samuel Blanchard** · 21/05/2010, 10h51

Bonjour,

C'est du HtmlBridge dont tu as besoin.
Voici un lien qui devrait t'aider :

http://msdn.microsoft.com/fr-fr/libr...(v=VS.95).aspx

**nokia1600** · 21/05/2010, 11h24

Tout d'abord merci pour ta réponse.

La fonction javascript ne se trouve pas sur la page html principale (celle créer avec la création du projet), mais sur une page que j'ai incorporé moi même.

j'ai ce code ci en XAML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<navigation:Page x:Class="SilverlightApplication5.Home" 
    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"
    xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
    xmlns:my="clr-namespace:SilverlightApplication5"
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480"
    Title="Home"
    Style="{StaticResource PageStyle}">
 
    <Canvas x:Name="LayoutRoot">
        <Canvas.Background>
            <LinearGradientBrush>
                <GradientStop Color="#FFD4D4D4" Offset="0"/>
                <GradientStop Color="#FF3B3B3B" Offset="1"/>
            </LinearGradientBrush>
        </Canvas.Background>
 
        <StackPanel  Orientation="Horizontal">
            <TextBox x:Name="Adresse" Text="" 
             Margin="10" Width="400" />
            <Button x:Name="Naviguer" Content="Go" Margin="10" 
            Click="Naviguer_Click"  />
            <Button x:Name="ChargerJavascript" Content="Lancer" Click="ChargerJavascript_Click"/>
 
        </StackPanel>
<my:HtmlDisplay x:Name="html" Canvas.Top="50" 
                  Canvas.Left="10" Height="700" 
                  Width="800" />
 
    </Canvas>
</navigation:Page>

et dans ma classe HtmlDisplay je met cette ligne ci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

HtmlPage.window.Invoke("test");

ce qui permet d'éxécuter la fonction javascript test qui se trouve dans la page principale, mais j'aimerais appeler la méthode test depuis une autre page html.

Merci

**Samuel Blanchard** · 21/05/2010, 11h46

Je pense que tu devrais mettre un nom à ta frame. tu peux par exemple créer dans ta page principale une fonction javascript qui appelle la méthode de la frame.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
// javascript
function CallTest()
{
getElementByID("MaFrame").test();
}

Puis en Silverlight tu invoques CallTest.

**nokia1600** · 21/05/2010, 11h54

Ma frame à un nom dans mon HtmlDisplay.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
public class HtmlDisplay : ContentControl
    {
        private HtmlElement div;
        private HtmlElement iFrame;
        public HtmlDocument htmlDocument = HtmlPage.Document;
 
        public HtmlDisplay()
        {
            this.Loaded += new RoutedEventHandler(HtmlDisplay_Loaded);
        }
 
        void HtmlDisplay_Loaded(object sender, RoutedEventArgs e)
        {
 
 
            div = htmlDocument.CreateElement("div");
            div.Id = "monDiv";
            div.SetStyleAttribute("position", "absolute");
            div.SetStyleAttribute("height", this.Height.ToString() + "px");
            div.SetStyleAttribute("width", this.Width.ToString() + "px");
            GeneralTransform gt = this.TransformToVisual(Application.Current.RootVisual);
            Point position = gt.Transform(new Point(0, 0));
            div.SetStyleAttribute("left", position.X + "px");
            div.SetStyleAttribute("top", position.Y + "px");
            iFrame = htmlDocument.CreateElement("iframe");
            iFrame.Id = "monIFrame";
            iFrame.SetProperty("frameborder", "no");
            iFrame.SetStyleAttribute("height", this.Height.ToString() + "px");
            iFrame.SetStyleAttribute("width", this.Width.ToString() + "px");
            iFrame.SetStyleAttribute("position", "relative");
            div.AppendChild(iFrame);
            htmlDocument.Body.AppendChild(div);
            //htmlDocument.GetElementById("monIFrame").Invoke("test");
 
        }
}

**Samuel Blanchard** · 21/05/2010, 12h08

Tu veux invoquer "Test" tout de suite après le chargement de la page ou à la demande ?

**nokia1600** · 21/05/2010, 13h48

A la demande.

**Samuel Blanchard** · 21/05/2010, 14h02

d'accord. La méthode par fonction javascript que je t'ai donné ne fonctionne pas ?

et celle là non plus ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
htmlDocument.GetElementById("monIFrame").Invoke("test");

**nokia1600** · 21/05/2010, 14h11

Non, je dois mal m'expliquer je recommence à 0.

j'ai mon xaml ou je met mes boutons textbox etc...

j'ai fais un espace pour pouvoir mettre une classe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<my:HtmlDisplay x:Name="html" Canvas.Top="50" 
                  Canvas.Left="10" Height="700" 
                  Width="800" />

dans la classe HtmlDisplay je creer une div ainsi qu'une frame et j'affiche une page url de mon site (qui est en localhost)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

iFrame.SetAttribute("src", "http://localhost...")

qui fonctionne très bien.

Je veux appeler une fonction javascript, quand celle-ci se trouve sur la page web creer par le projet (donc la page principale SilverlightApplication12.aspx) le HtmlPage.Window.Invoke("test") fonctionne. Maintenant je creer une page aspx ou Html peut importe ou je met ma fonction JavaScript mais Html.Window.Invoke signale que la fonction ne peut être appelée normal puisqu'il charge la page principale est qu'elle n'y est pas.

J'aimerai donc aller chercher la fonction javascript qui se trouve sur une autre page html que la principale.

**Samuel Blanchard** · 21/05/2010, 14h18

Oui, j'avais bien compris ton problème.

as-tu essayé d'implémenter ceci, comme je te l'avais suggéré, dans ta page principale en javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
// javascript
function CallTest()
{
//appel dans MaFrame
getElementByID("MaFrame").test();
}

puis d'invoquer en Silverlight :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

HtmlPage.Window.Invoke("CallTest");

**nokia1600** · 21/05/2010, 14h28

Fonctionne pas il me dit

Echec lors de l'appel CallTest.

Mais j'ai une erreur juste avant qui dit

Cette page web contient des erreurs qui risque d'empêcher son affichage

Quand j'utilise le debug ça me dit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

getElementByID("monIFrame").test();

Objet innattendu

**Samuel Blanchard** · 21/05/2010, 15h00

oui en fait c'est un problème javascript et non Silverlight mais bon :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<script language="javascript" type="text/javascript">
    function CallTest() {	            
        d = document;
        f = d.frames ? d.frames['maFrame'] : d.getElementById('maFrame');
        // appel de la fonction Test dans Test.htm
        f.Test();
    }
</script>
 
<iframe id="maFrame" name="maFrame" src="Test.htm" width="200" height="200"></iframe>

**nokia1600** · 21/05/2010, 15h15

ça fonctionne! Merci bien. Le souci c'est que le javascript sera appelé quand l'utilisateur clic sur un bouton et il doit avoir des effets sur la frame moniframe que j'ai décrit dans mon code HtmlDisplay!

**Samuel Blanchard** · 21/05/2010, 15h31

donc tu dois maintenant appeler une méthode Silverlight à partir de javascript c'est bien cela ?

**nokia1600** · 21/05/2010, 15h38

hum j'ai mon SIlverlight ou j'ai mis une iframe comme je t'ai montré

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
     iFrame = htmlDocument.CreateElement("iframe");
            iFrame.Id = "monIFrame";
            iFrame.SetProperty("frameborder", "no");
            iFrame.SetStyleAttribute("height", this.Height.ToString() + "px");
            iFrame.SetStyleAttribute("width", this.Width.ToString() + "px");
            iFrame.SetStyleAttribute("position", "relative");
            div.AppendChild(iFrame);

j'attribu à la frame une page html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

iFrame.SetAttribute("src", "http://localhost:6559/WebSite5/site.html");

dans ce .html il y a des fonctions javascript qui doivent être appelé quand une personne clic sur un bouton par exemple ou pour l'instant au démarrage de l'application.

**Nathanael Marchand** · 21/05/2010, 15h42

Je tiens quand même à dire que les frames c'est le mal!

**nokia1600** · 21/05/2010, 15h46

Avant j'avais utiliser un composant web browser sauf que le composant web browser doit être obligatoirement utiliser en Out Of Browser et qu'il serait impossible de ce que j'ai lu d'utiliser du javascript en Out Of Browser

**micka132** · 25/05/2010, 15h31

Il faut récuperer l'objet window de ton iframe :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
HtmlWindow iframe=HtmlPage.Document.GetElementById("monIFrame").GetProperty("contentWindow") as HtmlWindow ;
iframe.Invoke("test");

Tant qu'a faire, recupère directement ton iframe dans ton htmlDisplay.

Silverlight et javascript

Silverlight

Discussions similaires

Partager

Partager