#眉標=Visual Studio 2008
#副標=體驗新一代整合開發環境（6）
#大標=互動性更高的網頁開發實作
#作者=文／圖	王寧疆


===<反灰>=============

<div id="sessions">
</div>
<div id="video">
</div>
==<end>==============



===<反灰>=============
<LayoutTemplate>
    <table runat="server" id="table1">
        <tr runat="server" id="itemPlaceholder" ></tr>
    </table>
</LayoutTemplate>
<ItemTemplate>
 <tr runat="server">
  <td runat="server">
   <table>
    <tr>
     <td runat="server" rowspan="4">
      <span id="DescriptionSpan" class="speakerName" runat="server">
       <asp:Image ID="Image1" runat="server" Width="200" Height="200" 
       ImageUrl='<%# "~/images/" + Eval("Title") + ".jpg" %>' 
       onclick='<%# string.Format("play({0})", Eval("ID"))%>'/>
      </span>                                                                
     </td>
     <td><h7 id="Title"><%# Eval("Title")%></h7></td>
     <td><asp:Label ID="MoreLabel" runat="server" Text="(更多資訊)"/></td>
    </tr>
    <tr>
     <td colspan="2"><%# Eval("Singer") %></td>
    </tr>
    <tr>
     <td colspan="2"><%# Eval("Date") %></td>
    </tr>
    <tr>
     <td colspan="2"><%# Eval("Type") %></td>
    </tr>
  </table>                                    
 </td>
 </tr>
</ItemTemplate>
==<end>==============




===<反灰>=============
onclick='<%# string.Format("play({0})", Eval("ID"))%>'
==<end>==============



===<反灰>=============
<asp:Panel ID="DescriptionDetails" runat="server" CssClass="speakerPopup">
　　　　<%# Eval("Description") %>
</asp:Panel>
<cc1:HoverMenuExtender ID="HoverMenuExtender1" runat="server" TargetControlID="DescriptionSpan" PopupControlID="DescriptionDetails" OffsetY="20" />
<asp:Panel ID="DescriptionPanel" runat="server" CssClass="abstractPanel">
　　　　<p><%# Eval("Description") %></p>
</asp:Panel>
<cc1:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server"     
        TargetControlID="DescriptionPanel" CollapseControlID="MoreLabel" ExpandControlID="MoreLabel"   
        TextLabelID="MoreLabel" CollapsedText="(展開)" ExpandedText="(收合)" Collapsed="true" />
==<end>==============




===<反灰>=============
<div id="video">
    <cc2:Media ID="Player" runat="server" Width="100%" Height="100%" 
                    AutoPlay="true" MediaSkin="Console" Windowless="true" ScaleMode="Zoom" />
</div>
==<end>==============




===<反灰>=============
<script type="text/javascript">
    function play(id) 
    {
        var player = $find('<%= Player.ClientID %>');  //找id值為Player
        var SongList=document.getElementById("ListPanel");	   //找id值為ListPanel
        var SongName=SongList.getElementsByTagName(
     "h7")[id-1].nextSibling.nodeValue;				//找播放的串流媒體
        player.set_mediaUrl("mms://localhost/WebSite1/MTV/" + 
     SongName + ".wmv");				//設定Media控制項播放的檔案
    }
</script>
==<end>==============




     ===<反灰>=============
     <h1 ><marquee>Ajax K歌坊</marquee></h1>
==<end>==============