Remove From My Forums

HTML

Frage
0

Anmelden

Wie bette ich ein Silverlight bzw. ein DeepZoom Objekt in eine HTML Page ohne Expression Web nur per Code ein!

Donnerstag, 28. Januar 2010 21:15

Antworten

Anmelden

Beim Anlegen eines Silverlight-Projektes im Visual Studio wird eine "Muster-HTML-Seite" angelegt, die beispielsweise so aussieht:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >

<head>
    <title>SilverlightApplication1</title>
    <style type="text/css">
    html, body {
	    height: 100%;
	    overflow: auto;
    }
    body {
	    padding: 0;
	    margin: 0;
    }
    #silverlightControlHost {
	    height: 100%;
	    text-align:center;
    }
    </style>
    <script type="text/javascript" src="Silverlight.js"></script>
    <script type="text/javascript">
        function onSilverlightError(sender, args) {
            var appSource = "";
            if (sender != null && sender != 0) {
              appSource = sender.getHost().Source;
            }
            
            var errorType = args.ErrorType;
            var iErrorCode = args.ErrorCode;

            if (errorType == "ImageError" || errorType == "MediaError") {
              return;
            }

            var errMsg = "Unhandled Error in Silverlight Application " +  appSource + "\n" ;

            errMsg += "Code: "+ iErrorCode + "    \n";
            errMsg += "Category: " + errorType + "       \n";
            errMsg += "Message: " + args.ErrorMessage + "     \n";

            if (errorType == "ParserError") {
                errMsg += "File: " + args.xamlFile + "     \n";
                errMsg += "Line: " + args.lineNumber + "     \n";
                errMsg += "Position: " + args.charPosition + "     \n";
            }
            else if (errorType == "RuntimeError") {           
                if (args.lineNumber != 0) {
                    errMsg += "Line: " + args.lineNumber + "     \n";
                    errMsg += "Position: " +  args.charPosition + "     \n";
                }
                errMsg += "MethodName: " + args.methodName + "     \n";
            }

            throw new Error(errMsg);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server" style="height:100%">
    <div id="silverlightControlHost">
        <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
		  <param name="source" value="ClientBin/SilverlightApplication1.xap"/>
		  <param name="onError" value="onSilverlightError" />
		  <param name="background" value="white" />
		  <param name="minRuntimeVersion" value="3.0.40818.0" />
		  <param name="autoUpgrade" value="true" />
		  <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40818.0" style="text-decoration:none">
 			  <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/>
		  </a>
	    </object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>
    </form>
</body>
</html>

--
Peter

Als Antwort vorgeschlagen Peter Fleischer Sonntag, 31. Januar 2010 06:55
Als Antwort markiert Robert Breitenhofer Mittwoch, 3. Februar 2010 15:56

Sonntag, 31. Januar 2010 06:41

Alle Antworten

Anmelden

Beim Anlegen eines Silverlight-Projektes im Visual Studio wird eine "Muster-HTML-Seite" angelegt, die beispielsweise so aussieht:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >

<head>
    <title>SilverlightApplication1</title>
    <style type="text/css">
    html, body {
	    height: 100%;
	    overflow: auto;
    }
    body {
	    padding: 0;
	    margin: 0;
    }
    #silverlightControlHost {
	    height: 100%;
	    text-align:center;
    }
    </style>
    <script type="text/javascript" src="Silverlight.js"></script>
    <script type="text/javascript">
        function onSilverlightError(sender, args) {
            var appSource = "";
            if (sender != null && sender != 0) {
              appSource = sender.getHost().Source;
            }
            
            var errorType = args.ErrorType;
            var iErrorCode = args.ErrorCode;

            if (errorType == "ImageError" || errorType == "MediaError") {
              return;
            }

            var errMsg = "Unhandled Error in Silverlight Application " +  appSource + "\n" ;

            errMsg += "Code: "+ iErrorCode + "    \n";
            errMsg += "Category: " + errorType + "       \n";
            errMsg += "Message: " + args.ErrorMessage + "     \n";

            if (errorType == "ParserError") {
                errMsg += "File: " + args.xamlFile + "     \n";
                errMsg += "Line: " + args.lineNumber + "     \n";
                errMsg += "Position: " + args.charPosition + "     \n";
            }
            else if (errorType == "RuntimeError") {           
                if (args.lineNumber != 0) {
                    errMsg += "Line: " + args.lineNumber + "     \n";
                    errMsg += "Position: " +  args.charPosition + "     \n";
                }
                errMsg += "MethodName: " + args.methodName + "     \n";
            }

            throw new Error(errMsg);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server" style="height:100%">
    <div id="silverlightControlHost">
        <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">
		  <param name="source" value="ClientBin/SilverlightApplication1.xap"/>
		  <param name="onError" value="onSilverlightError" />
		  <param name="background" value="white" />
		  <param name="minRuntimeVersion" value="3.0.40818.0" />
		  <param name="autoUpgrade" value="true" />
		  <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40818.0" style="text-decoration:none">
 			  <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/>
		  </a>
	    </object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>
    </form>
</body>
</html>

--
Peter

Als Antwort vorgeschlagen Peter Fleischer Sonntag, 31. Januar 2010 06:55
Als Antwort markiert Robert Breitenhofer Mittwoch, 3. Februar 2010 15:56

Sonntag, 31. Januar 2010 06:41

0

Anmelden

Mir steht leider nur Expression Blend zur Verfügung!
Zwar habe ich VS aber dass es nicht klappt, dass ist ein anderes Thema

Montag, 1. Februar 2010 11:59

Anmelden

Hallo zusammen,

Ich habe mal versucht mithilfe von Seadragon Developer.Seadragon Ajax (http://www.seadragon.com/developer/ajax/) eine einfache HTML Seite erstellen die DeepZomm machen kann:

<!DOCTYPE html>
<html>
    <head>
        
        <script type="text/javascript" 
              src="http://seadragon.com/ajax/0.8/seadragon-min.js">
        </script>
        <script type="text/javascript">
            var viewer = null;
            
            function init() {
                viewer = new Seadragon.Viewer("container");
                viewer.openDzi("http://seadragon.com/content/images/carinanebula.dzi");
            }
            
            Seadragon.Utils.addEvent(window, "load", init);
        </script>
        
        <style type="text/css">
            #container
            {
                width: 500px;
                height: 400px;
                background-color: black;
                border: 1px solid black;
                color: white;            }
        </style>
        
    </head>
    <body>
        <div id="container"></div>
    </body>
</html>

Die DZI Dateien machst Du mit dem Deep-Zoom-Composer:

http://www.seadragon.com/developer/creating-content/deep-zoom-composer/

Im Zusammenhang mit Visual Studio und Expression Blend Problem:

http://social.msdn.microsoft.com/Forums/de-DE/silverlightde/thread/81961aaa-e768-4b5a-aae1-54854a1720f1

Sag mal folgendes:

Welche ist die Anzeigesprache deines Betriebssystems?

Was für eine Sprachversion ist dein Visual Studio?

Grüße,

Robert

Montag, 1. Februar 2010 14:08

0

Anmelden

Du kannst doch mit einem einfachen Edtor eine html-Seite erstellen und dort die v0on mir gezeigten Tags einbauen. Dazu brauchst du kein Visual Studio. Die Silverlight-Anwendung musst du natürlich auch entsprechend erstellen, was aber nicht so einfach ist.

--
Peter

Dienstag, 2. Februar 2010 04:51
0

Anmelden

Hallo Gigi,

Ich gehe davon aus, dass die Antworten Dir weitergeholfen haben.
Solltest Du noch "Rückfragen" dazu haben, so gib uns bitte Bescheid.

Grüße,
Robert

Mittwoch, 3. Februar 2010 15:56

Benutzer mit den meisten Antworten

HTML

Frage

Antworten

Alle Antworten