jessewth's blog: IE 8 新功能 : Web Slice 、Accelerators (加速器) 、Search Provider (搜尋提供者)

2009/02/18

IE 8 新功能 : Web Slice 、Accelerators (加速器) 、Search Provider (搜尋提供者)

Accelerators 跟 Search Provider 都只要準備好xml檔即可

可參考:邊做邊學Internet Explorer 8：為你的網站穿上新衣 - Internet Explorer 8 新功能

講一下web slice

1.在某個div加入hslice即可


<div id="ws" class="hslice ProductName">

2.有幾個必要的class要加
hslice, feedurl 或 entry-content, entry-title


<div id="ws" class="hslice ProductContent">
    <a rel="entry-content" href="display.aspx?pid=11122211" style="display:none;">
    <div class="entry-title ProductTitle">
        blackberry bold 9000 on sale!
    </div>
</div>

3.feedurl及entry-content
entry-content --> display內的連結,必需使用 target="_blank" 另開視窗顯示,不然跳頁的頁面會在ie8裡的web slice小視窗中顯示
feedurl --> 連結不必特別處理,會在目前視窗中顯示,但必須使用xml格式

使用feedurl:


<div id="ws" class="hslice ProductContent">
    <a rel="feedurl" href="myfeed.ashx?pid=11122211" style="display:none;"></a>
    <div class="entry-title ProductTitle">
        blackberry bold 9000 on sale!
    </div>
</div>

myfeed.aspx:


<?xml version="1.0" encoding="big5"?>
<rss version="2.0" xmlns:mon="http://www.microsoft.com/schemas/rss/monitoring/2007">
    <channel>
    <title>my web slice feed</title>
    <link>http://192.168.51.64</link>
    <description>my web slice</description>
    <pubDate>2009/2/18 下午 02:46:14</pubDate>
    <ttl>1440</ttl>
    <item>
    <title>BlackBerry Bold 9000</title>
    <link>http://192.168.51.64/product.aspx?pid=1112233</link>
        <description><![CDATA[
        <div>
            <div><img src="http://192.168.51.64/myproduct.jpg"></div>
            <div>product name : BlackBerry Bold 9000 on sale!</div>
            <div>price : $17500</div>
            <div><a href="http://192.168.51.64/pay/buynow.aspx">Buy Now!</a></div>
        </div>
        ]]></description>
    </item>
    </channel>
</rss>