作者zekly (CTO之路)
看板Ajax
標題[問題] MSN Live Map 的作法？
時間Tue Jan 2 05:19:50 2007
http://local.live.com/default.aspx?wip=2&v=2&style=r&rtp=~&&msnurl=home.aspx?%26redirect%3dfalse&msnculture=en-US
這是MSN上的地圖網站。
用檢視原始碼，看到的語法如附件：
關於這個網頁裡能攔到滑鼠中間的滾輪事件，
之前我所看到的網頁大概只有applet和flash可以做到。
但這個地圖網頁，卻不太像applet及flash的手法，
另外，應該可以確定，這是個ajax技術的網站。
不知道是否有人知道這技術是如何實做的？
附件：
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:Web="
http://schemas.live.com/Web/" dir="ltr">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv = "imagetoolbar" content = "no">
<meta http-equiv = "cache-control" content = "no-cache">
<meta id="msve_title" name = "title" >
<meta id="msve_description" name = "description">
<noscript>
<meta http-equiv = "refresh" content = "0;
URL=Help/en-us/NoJavascript.htm">
</noscript>
<link rel = "stylesheet" type = "text/css" href =
"
http://st1.local.live.com/css/bin/1.3.1204222815.33/en/main.css?v=1.3.1204222815.33"
media = "screen" />
<link rel = "stylesheet" type = "text/css" href =
"
http://st1.local.live.com/css/bin/1.3.1204222815.33/en/mainPrint.css?v=1.3.1204222815.33"
media = "print" />
<link rel = "stylesheet" type = "text/css" href =
"
http://st1.local.live.com/css/bin/1.3.1204222815.33/en/adv.css?v=1.3.1204222815.33"
media = "screen" />
<style>
v\:* { behavior:url(#default#VML); }
</style>
<!-- [ Javascripts ] -->
<script type = "text/javascript">
var enableJSWatson = '1';
</script>
<script type = "text/javascript" src =
"
http://sc1.local.live.com/js/jswatson.js"></script>
<!-- Config Values -->
<script type = "text/javascript" src =
"
http://sc1.local.live.com/js/bin/1.3.1204222815.33/en-us/configvalues.js?v=3"></script>
<!-- [ Omniture Logging ] -->
<script type = "text/javascript">
//Files
window.veScript = "./js/bin/1.3.1204222815.33/en-us/ve.js?v=4";
window.mapScript = "
http://sc1.local.live.com/mapcontrol.asjx?mkt=en-us";
window.printStyle =
"
http://st1.local.live.com/css/bin/1.3.1204222815.33/en/mapcontrolprint.css?v=1.3.1204222815.33";
window.mapStyle =
"
http://st1.local.live.com/css/bin/1.3.1204222815.33/en/mapcontrol.css";
window.bFinder = "./js/bin/1.3.1204222815.33/en-us/brandfinder.js?v=4";
window.mapDraw = "./js/bin/1.3.1204222815.33/en-us/mapdrawing.js?v=4";
//Other
window.where1BoundingBox = [];
window.where1LocationData = [];
window.where1AmbiguousList = [];
window.passportLoginButtonHtml = "<a
href=
http://login.live.com/login.srf?wa=wsignin1.0&rpsnv=10&ct=1167685781&rver=4.0.1532.0&wp=MBI&wreply=http:%2F%2Flocal.live.com%2Fdefault.aspx%3Fwip%3D2%26v%3D2%26style%3Dr%26rtp%3D~%26%26msnurl%3Dhome.aspx%3F%26redirect%3Dfalse%26msnculture%3Den-US&lc=1033&id=72196>$L_PassportSignIn_Text$</a>";
window.buildVersion = '1.3.1204222815.33';
window.locale = 'en-us';
window.click2callenabled = 'True'=='True' ? true : false;
window.click2callurl = '
https://web.mpc.v2s.msn.com';
window.send2phoneenabled = 'True'=='True' ? true : false;
window.send2phoneurl = '
http://mobile.live.com';
window.revIPLat = '';
window.revIPLong = '';
window.cCallPICode = '88137';
window.__mainPage = true;
</script>
<script type = "text/javascript" src =
"./js/bin/1.3.1204222815.33/en-us/pageinit.js"></script>
<script type = "text/javascript">
try
{
window.passportLoginButtonHtml =
window.passportLoginButtonHtml.replace("$L_PassportSignOut_Text$",
L_PassportSignOut_Text).replace("$L_PassportSignIn_Text$",
L_PassportSignIn_Text);
}
catch(err)
{
//Default to sign-in
window.passportLoginButtonHtml = L_PassportSignIn_Text;
}
// DOM Level 0 hookup to make Atlas happy
window.onload = __main;
</script>
<!-- [ End Javascripts ] -->
<!--[if gte IE 7]>
<link rel = "stylesheet" type = "text/css" href =
"
http://st1.local.live.com/css/ie7.css" media = "screen" />
<![endif]-->
<!--[if gte IE 5]>
<link rel = "stylesheet" type = "text/css" href =
"
http://st1.local.live.com/css/ie.css" media = "screen" />
<![endif]-->
<!--[if lt IE 7]>
<link rel = "stylesheet" type = "text/css" href =
"
http://st1.local.live.com/css/ie6.css" media = "screen" />
<![endif]-->
</head>
<body id = "windows_live_local">
<div id = "UI_PlaceHolder"></div>
<script type = "text/javascript">
g_flightId = '0';
omnitureAccount += (defaultReportSuites.indexOf('|' + g_flightId +
'|') != -1 ? '' : g_flightId);
s_account = omnitureAccount;
</script>
<script type = "text/javascript" src =
"
http://stj.msn.com/br/om/js/s_code.js"></script>
<script>
var scopingBarEnabled = true;
</script>
<web:binding selector="
#msve_ScopingBar_widget" type="Search.ScopeDock">
<web:defaults>
<web:param name="scope" value="local"></web:param>
<web:param name="market" value="en-us"></web:param>
<web:param name="searchboxid" value="scopingwhat"></web:param>
<web:param name="searchroot" value="search.live.com"></web:param>
<web:param name="pscode" value="94763"></web:param>
</web:defaults>
<web:references priority="High">
<web:add src="
http://search.live.com/partners/scopebar.js?v=1"
type="script"></web:add>
<web:add src="
http://search.live.com/partners/scopebar.css?v=1"
type="css"></web:add>
</web:references>
</web:binding>
<script>
function
downloadC2CScript(){VENetwork.DownloadScript("
https://web.mpc.v2s.msn.com/content/shared/widget/js/mpcallfactorywll.js",
null);}
</script>
<script>
function
downloadS2PScript(){VENetwork.DownloadScript("
http://stj.msn.com/br/gbl/js/snd2m20.js",
null);}
</script>
<!--[if !IE]>-->
<script type="text/javascript"
src="
http://shared.live.com/~Live.GadgetFramework/~11.5.1926/atlascompat.js"></script>
<!--<![endif]-->
<script type="text/javascript"
src="
http://shared.live.com/~Live.GadgetFramework/~11.5.1926/liveframework.js"></script>
<div id= "PrintMessage"></div>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.132.163.139