2

xml からテキストをリアルタイムで表示する単純な Silverlight アプリケーションを作成しました。HTMLのDIVタグを利用したテキスト表示。プラグイン プロパティ windowless=true、enablehtmlaccess=true、background=transparent を追加しました。

Silverlightでは、上部と下部に「続行」ボタンを追加しました。クリックするとメッセージが表示されます。

Silverlight プラグインは、XML コンテンツに基づいてサイズ変更します。

私のコード:

MainPage.xaml:

<Grid x:Name="LayoutRoot">
        <StackPanel HorizontalAlignment="Right" VerticalAlignment="Top">
            <Button x:Name="topContinue" Content="Continue" Margin="0,30,30,0" Click="Continue_Click"></Button>
        </StackPanel>
        <StackPanel HorizontalAlignment="Right" VerticalAlignment="Bottom">
            <Button x:Name="bottomContinue" Content="Continue" Margin="0,0,30,30" Click="Continue_Click"></Button>
        </StackPanel>
</Grid>

MainPage.xaml.cs:

次を使用して、アプリケーションの開始時に HTML DIV を作成します。

HtmlDocument _document = HtmlPage.Document;
HtmlElement iDIV = _document.CreateElement("DIV");
iDIV.SetAttribute("id", "divHTMLViewer");
iDIV.SetStyleAttribute("position", "absolute");
iDIV.SetStyleAttribute("z-index", "1");
iDIV.SetStyleAttribute("display", "INLINE");
iDIV.SetStyleAttribute("top", "100px");
iDIV.SetStyleAttribute("height", "0px");
iDIV.SetStyleAttribute("width", "96%");
iDIV.SetStyleAttribute("left", "15px");
iDIV.SetStyleAttribute("text-align", "justify");

HtmlElement body = _document.GetElementsByTagName("BODY")[0] as HtmlElement;
body.RemoveChild(iDIV);
body.AppendChild(iDIV);

XML テキストを設定します。

HtmlElement divHTMLViewer = HtmlPage.Document.GetElementById("divHTMLViewer");
sText = sText.Replace("&lt;", "<").Replace("&gt;", ">");
divHTMLViewer.SetStyleAttribute("display", "none");
divHTMLViewer.SetStyleAttribute("width", "96%");
divHTMLViewer.SetStyleAttribute("top", "100px");
divHTMLViewer.SetStyleAttribute("left", "15px");
divHTMLViewer.RemoveStyleAttribute("color");
divHTMLViewer.RemoveStyleAttribute("fontSize");
divHTMLViewer.SetProperty("innerHTML", sText);
divHTMLViewer.SetStyleAttribute("display", "INLINE");
setSilverlightControlHeight(UILAYOUT.INSTRUCTIONS);

Silverlight プラグインのサイズ増加コード:

isilverlightControlHost.SetStyleAttribute("height", HtmlPage.Window.Eval("document.documentElement.scrollHeight").ToString() + "px");
isilverlightControlHost.SetStyleAttribute("position", "absolute");

これらのコードはすべて、Internet Explorer、Crome、および Safari では正常に動作しますが、「続行」は FIREFOX でのみ表示されます。

このコードに問題はありますか?

コードサンプル: http://lm-bucket-for-forum-post.s3.amazonaws.com/HtMLViewerSilverLight.zip

動作サンプル: 上記の URL の ".zip" を "TestPage.html" に置き換えるだけです。

どうすれば解決できますか教えてください。

前もってありがとう、ラクシュミラル・メナリア

4

1 に答える 1

0

私はあなたのコードを調べましたが、Silverlight ではなく、さまざまなブラウザー内での CSS の実装が問題であると思われます。

これを両方のブラウザーで機能させるには、次のコード行を削除する必要があります。

isilverlightControlHost.SetStyleAttribute("position", "absolute");

または、位置スタイル属性が Firefox で無視されるようにコードを修正します。

isilverlightControlHost.SetStyleAttribute("position", "absolute !important");

IE8 と FF3.6.12 を使用して自分のマシンでこれを試してみましたが、このコード行を変更すると、両方で[続行] ボタンが表示されます。

于 2010-12-10T02:43:13.160 に答える