打印

有趣不用js也能创建silverlight

nasawz [楼主]

版主

帖子: 266
体力: 574
威望: 10
当前: 上海浦东

专长 .NET,AS,SL

1^# 大中小发表于 2008-2-14 13:50

如果你已经安装了silverlight并能在IE7或Firefox 2中运行，请直接复制下边的代码存成.htm来浏览。

<html>
<head>
</head>
<body>
<script type="text/xaml" id="xamlContent">
      <?xml version="1.0"?>
      <Canvas
         xmlns="http://schemas.microsoft.com/client/2007"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
      <Rectangle
         Height="200"
         Width="200"
         Stroke="Black"
         Fill="Wheat"
         StrokeThickness="5"
         RadiusX="10.0"
         RadiusY="10.0"/>
      <TextBlock Canvas.Top="100" Canvas.Left="10">
         No Javascript, wheeeee!!!
      </TextBlock>
      </Canvas>
</script>

<div id="controlHost">
      <object
         id="silverlightControl"
         type="application/x-silverlight"
         height="400"
         width="400">
      <param name="Source" value="#xamlContent" />
      </object>
</div>
</body>
</html>

silverlight只是浏览器的为了呈现xaml的一个插件，不一定非要JavaScript。
这里不是教你不用js来呈现silverlight，最重要的是这里是要你明白silverlight是怎么工作的。

当你开始看silverlight的代码时你大概会注意到到两个js的引用。

* Silverlight.js有一个功能：当访问时安全的安全的创建 silverlight。它有一个方法 - Silverlight.createObject() 它是跨浏览器工作的，并且检查你客户端是否安装了需要的silverlight版本若未安装并且浏览器支持的话就显示一个快速安装的链接。 Silverlight.js 自己本身并不做任何事情；他必须要去调用CreateSilverlight.js中的createObject()方法。

* CreateSilverlight.js实例话控件。它设置一些属性并调用createObject()方法。如果你使用工具的话这些js会自动创建。

这里推荐两篇有用的文章：
http://msdn2.microsoft.com/en-us/library/bb412401.aspx
http://msdn2.microsoft.com/en-us/library/bb687962.aspx

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

ComPhilip

高级会员

帖子: 213
体力: 710
威望: 4
离线: 136 天

2^# 大中小发表于 2008-2-14 23:08

本质上就是这样的
只不过通过silverlight.js可以在没有安装插件时，显示下载插件的图标和链接

谢谢楼主

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

Fdream

版主

帖子: 177
体力: 364
威望: 2
当前: 上海浦东
离线: 1 天

专长 JS,AS,SL

3^# 大中小发表于 2008-2-26 17:59

我想起来我做了一件很无聊的事情

可以看看，呵呵~

///////////////////////////////////////////////////////////////////////////////
//
//  Silverlight.js (1.1 Preview)	version 1.0   
//
//  This file is provided by Microsoft as a helper file for websites that
//  incorporate Silverlight Objects. This file is provided under the Silverlight 
//  SDK 1.1 license available at http://go.microsoft.com/fwlink/?linkid=94243.  
//  You may not use or distribute this file or the code in this file except as 
//  expressly permitted under that license.
// 
//  Copyright (c) 2007 Microsoft Corporation. All rights reserved.
//
///////////////////////////////////////////////////////////////////////////////
if(!window.Silverlight)
{
	window.Silverlight={};
}
Silverlight._silverlightCount = 0;
Silverlight.ua = null;
Silverlight.available = false;
Silverlight.fwlinkRoot = "http://go.microsoft.com/fwlink/?LinkID=";
Silverlight.detectUserAgent = function(){
	var agent = window.navigator.userAgent;
	Silverlight.ua = {
		OS:"Unsupported",
		Browser:"Unsupported"
	};
	if(agent.indexOf("Windows NT")>=0)
	{
		Silverlight.ua.OS="Windows";
	}
	else if(agent.indexOf("PPC Mac OS X")>=0)
	{
		Silverlight.ua.OS="MacPPC";
	}
	else if(agent.indexOf("Intel Mac OS X")>=0)
	{
		Silverlight.ua.OS="MacIntel";
	}
	
	if(Silverlight.ua.OS!="Unsupported")
	{
		if(agent.indexOf("MSIE")>=0)
		{
			if(navigator.userAgent.indexOf("Win64")==-1)
			{
				if(parseInt(agent.split("MSIE")[1])>=6)
				{
					Silverlight.ua.Browser="MSIE";
				}
			}
		}
		else if(agent.indexOf("Firefox")>=0)
		{
			var b = agent.split("Firefox/")[1].split(".");
			var c = parseInt(b[0]);
			if(c >= 2)
			{
				Silverlight.ua.Browser="Firefox";
			}
			else
			{
				var d = parseInt(b[1]);
				if(c==1 && d>=5)
				{
					Silverlight.ua.Browser="Firefox";
				}
			}
		}
		else if(agent.indexOf("Safari") >= 0)
		{
			Silverlight.ua.Browser = "Safari";
		}
	}
};
Silverlight.detectUserAgent();
Silverlight.isInstalled = function(d)
{
	var r = false;
	var div = null;
	try
	{
		var b = null;
		if(Silverlight.ua.Browser == "MSIE")
		{
			b = new ActiveXObject("AgControl.AgControl");
		}
		else if(navigator.plugins["Silverlight Plug-In"])
		{
			div = document.createElement("div");
			document.body.appendChild(a);
			if(Silverlight.ua.Browser == "Safari")
			{
				div.innerHTML = '<embed type="application/x-silverlight" />';
			}
			else
			{
				div.innerHTML = '<object type="application/x-silverlight"  data="data:," />';
			}
			b = div.childNodes[0];
		}
		if(b.IsVersionSupported(d))
		{
			r = true;
		}
		b = null;
		Silverlight.available = true;
	}
	catch(e)
	{
		r = false;
	}
	if(div)
	{
		document.body.removeChild(div);
	}
	return r;
};
// l : source
// g : parentElement
// m : id
Silverlight.createObject = function(source,g,m,j,k,i,h)
{
	var b = {}, a = j, c = k;
	a.source = source;
	b.parentElement = g;
	b.id = Silverlight.HtmlAttributeEncode(m);
	b.width = Silverlight.HtmlAttributeEncode(a.width);
	b.height = Silverlight.HtmlAttributeEncode(a.height);
	b.ignoreBrowserVer = Boolean(a.ignoreBrowserVer);
	b.inplaceInstallPrompt = Boolean(a.inplaceInstallPrompt);
	var e = a.version.split(".");
	b.shortVer = e[0]+"."+e[1];
	b.version = a.version;
	a.initParams = i;
	a.windowless = a.isWindowless;
	a.maxFramerate = a.framerate;
	for(var d in c)
	{
		if(c[d]&&d!="onLoad"&&d!="onError")
		{
			a[d] = c[d];
			c[d] = null;
		}
	}
	delete a.width;
	delete a.height;
	delete a.id;
	delete a.onLoad;
	delete a.onError;
	delete a.ignoreBrowserVer;
	delete a.inplaceInstallPrompt;
	delete a.version;
	delete a.isWindowless;
	delete a.framerate;
	delete a.data;
	delete a.src;
	if(Silverlight.isInstalled(b.version))
	{
		if(Silverlight._silverlightCount == 0)
		{
			if(window.addEventListener)
			{
				window.addEventListener("onunload",Silverlight.__cleanup,false);
			}
			else
			{
				window.attachEvent("onunload",Silverlight.__cleanup);
			}
		}
		var f = Silverlight._silverlightCount++;
		a.onLoad = "__slLoad" + f;
		a.onError = "__slError" + f;
		window[a.onLoad] = function(a)
		{
			if(c.onLoad)
			{
				c.onLoad(document.getElementById(b.id),h,a);
			}
		};
		window[a.onError] = function(a,b)
		{
			if(c.onError)
			{
				c.onError(a,b);
			}
			else
			{
				Silverlight.default_error_handler(a,b);
			}
		};
		slPluginHTML = Silverlight.buildHTML(b,a);
	}
	else
	{
		slPluginHTML = Silverlight.buildPromptHTML(b);
	}
	
	if(b.parentElement)
	{
		b.parentElement.innerHTML = slPluginHTML;
	}
	else
	{
		return slPluginHTML;
	}
};
Silverlight.supportedUserAgent = function(c)
{
	var ua = Silverlight.ua;
	var b = ua.OS == "Unsupported" || ua.Browser == "Unsupported" || ua.OS == "Windows" && ua.Browser == "Safari" || ua.OS.indexOf("Mac")>=0 && ua.Browser == "IE";
	if(c == "1.1")
	{
		return !(b || a.OS == "MacPPC");
	}
	else
	{
		return !b;
	}
};
Silverlight.buildHTML = function(c,d)
{
	var a=[], e, i, g, f, h;
	if(Silverlight.ua.Browser == "Safari")
	{
		a.push("<embed ");
		e="";
		i=" ";
		g='="';
		f='"';
		h=' type="application/x-silverlight"/>'+"<iframe style='visibility:hidden;height:0;width:0'/>";
	}
	else
	{
		a.push('<object type="application/x-silverlight" data="data:,"');
		e=">";
		i=' <param name="';
		g='" value="';
		f='" />';
		h="</object>";
	}
	a.push(' id="' + c.id + '" width="' + c.width + '" height="' + c.height + '" ' + e);
	for(var b in d)
	{
		if(d[b])
		{
			a.push(i + Silverlight.HtmlAttributeEncode(b) + g + Silverlight.HtmlAttributeEncode(d[b]) + f);
		}
	}
	a.push(h);
	return a.join("")
};
Silverlight.default_error_handler = function(e,b)
{
	var d, c = b.ErrorType;
	d = b.ErrorCode;
	var a = "\nSilverlight error message     \n";
	a += "ErrorCode: " + d + "\n";
	a += "ErrorType: " + c + "       \n";
	a += "Message: " + b.ErrorMessage + "     \n";
	if(c == "ParserError")
	{
		a += "XamlFile: " + b.xamlFile + "     \n";
		a += "Line: " + b.lineNumber + "     \n";
		a += "Position: " + b.charPosition + "     \n";
	}
	else if(c == "RuntimeError")
	{
		if(b.lineNumber != 0)
		{
			a += "Line: " + b.lineNumber + "     \n";
			a += "Position: " + b.charPosition + "     \n";
		}
		a += "MethodName: " + b.methodName + "     \n";
	}
	alert(a);
};
Silverlight.createObjectEx = function(obj)
{
	var r = Silverlight.createObject(obj.source, obj.parentElement, obj.id, obj.properties, obj.events, obj.initParams, obj.context);
	if(obj.parentElement == null)
	{
		return r;
	}
};
Silverlight.buildPromptHTML = function(f)
{
	var a = null;
	var h = Silverlight.fwlinkRoot;
	var c = Silverlight.ua.OS
	var b = "92822";
	var d;
	var e = "Get Microsoft Silverlight";
	var m = "0x409";
	if(f.shortVer == "1.1")
	{
		f.inplaceInstallPrompt = false;
	}
	if(f.inplaceInstallPrompt)
	{
		var j;
		if(Silverlight.available)
		{
			d = "94376";
			j = "94382";
		}
		else
		{
			d = "92802";
			j = "94381";
		}
		var i = "93481";
		var g = "93483";
		if(c=="Windows")
		{
			b="92799";
			i="92803";
			g="92805";
		}
		else if(c=="MacIntel")
		{
			b="92808";
			i="92804";
			g="92806";
		}
		else if(c=="MacPPC")
		{
			b="92807";
			i="92815";
			g="92816";
		}
		var l = 'By clicking <b>"Get Microsoft Silverlight"</b> you accept the<br /><a title="Silverlight License Agreement" href="{2}" target="_top" style="text-decoration: underline; color: #36A6C6"><b>Silverlight license agreement</b></a>';
		var k = 'Silverlight updates automatically, <a title="Silverlight Privacy Statement" href="{3}" target="_top" style="text-decoration: underline; color: #36A6C6"><b>learn more</b></a>';
		a = '<table border="0" cellpadding="0" cellspacing="0" width="206px"><tr><td><img style="display: block; cursor: pointer; border= 0;" title="' + e + '" alt="' + e +'" onclick="javascript:Silverlight.followFWLink({0});" src="{1}" /></td></tr><tr><td style="width: 206px; margin: 0px; background: #C7C7BD; color: black; text-align: left; border-left-style: solid; border-right-style: solid; padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 2px; border-width: 2px; border-color: #c7c7bd; font-family: Verdana; font-size: 55%">' + l + '</td></tr><tr><td style="width: 206px; margin: 0px; background: #817d77; color: white; text-align: left; border-left-style: solid; border-right-style: solid; padding-left: 6px; padding-right: 6px; padding-top: 3px; padding-bottom: 2px; border-width: 2px; border-color: #c7c7bd; font-family: Verdana; font-size: 55%">'+ k +'</td></tr><tr><td><img alt="" src="{4}" /></td></tr></table>';
		a = a.replace("{2}", h + i);
		a = a.replace("{3}", h + g);
		a = a.replace("{4}", h + j);
	}
	else
	{
		if(f.shortVer == "1.1")
		{
			b = "92821";
			if(Silverlight.available)
			{
				d = "94378";
			}
			else
			{
				d = "92810";
			}
			if(c == "Windows")
			{
				b = "92809";
			}
			else if(c == "MacIntel")
			{
				b = "92813";
			}
		}
		else
		{
			if(Silverlight.available)
			{
			    d = "94377";
			}
			else
			{
			    d = "92801";
			}
			
			if(c == "Windows")
			{
			    b = "92800";
			}
			else if(c == "MacIntel")
			{
			    b = "92812";
			}
			else if(c == "MacPPC")
			{
			    b = "92811";
			}
		}
		a = '<div style="display:block; width: 205px; height: 67px; background-color: #FFFFFF"><img onclick="javascript:Silverlight.followFWLink({0});" style="border:0; cursor:pointer" src="{1}" title="' + e + '" alt="' + e +'"/></div>';
	}
	a = a.replace("{0}",b);
	a = a.replace("{1}",h + d + "&clcid=" + m);
	return a;
};
Silverlight.__cleanup = function()
{
	for(var a = Silverlight._silverlightCount - 1; a >= 0; a--)
	{
		window["__slLoad"+a] = null;
		window["__slError"+a] = null;
	}
	if(window.removeEventListener)window.removeEventListener("unload",Silverlight.__cleanup,false);
	else window.detachEvent("onunload",Silverlight.__cleanup);
};
Silverlight.followFWLink = function(a)
{
	top.location = Silverlight.fwlinkRoot + String(a);
};
Silverlight.HtmlAttributeEncode = function(c)
{
	var a, b = "";
	if(c == null)
	{
		return null;
	}
	for(var d = 0; d < c.length; d++)
	{
		a = c.charCodeAt(d);
		if(a>96 && a<123 || a>64 && a<91 || a>43 && a<58 && a!=47 || a==95)
		{
			b = b + String.fromCharCode(a);
		}
		else
		{
			b = b + "&#" + a + ";";
		}
	}
	return b;
}

提示：您可以先修改部分代码再运行

[ 本帖最后由 Fdream 于 2008-2-26 18:06 编辑 ]

http://ooboy.net 我只是我
MSN&Mail：fdream@live.com

TOP

activeTechPros 共享IT行业薪资信息 | 《疯狂的程序员》劲爆上市

llinzzi

中级会员

帖子: 171
体力: 348
威望: 6
当前: 北京朝阳区
离线: 6 天

专长 前端制作,JS,.NET

4^# 大中小发表于 2008-2-26 20:38

应该用object标签也能插入silverlight

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

Fdream

版主

帖子: 177
体力: 364
威望: 2
当前: 上海浦东
离线: 1 天

专长 JS,AS,SL

5^# 大中小发表于 2008-2-27 08:50

回复 #4 llinzzi 的帖子

呵呵，是可以的，看这一段代码：

复制内容到剪贴板

代码:

a.push('<object type="application/x-silverlight" data="data:,"');

        e=">";

        i=' <param name="';

        g='" value="';

        f='" />';

        h="</object>";

    }

    a.push(' id="' + c.id + '" width="' + c.width + '" height="' + c.height + '" ' + e);

http://ooboy.net 我只是我
MSN&Mail：fdream@live.com

TOP

有趣 不用js也能创建silverlight

我想起来我做了一件很无聊的事情

回复 #4 llinzzi 的帖子

代码:

有趣不用js也能创建silverlight