You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
5.0 KiB
111 lines
5.0 KiB
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Header.aspx.cs" Inherits="OT.Web.Header" %>
|
|
|
|
<!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 id="Head1" runat="server">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title id="Title1" runat="server">Tour_Back</title>
|
|
<style type="text/css">
|
|
li { display: inline; }
|
|
.slider { width: 500px; }
|
|
.list { list-style: none; margin: 0; padding: 0; }
|
|
.slider ul { overflow: hidden; position: absolute; left: 430px; top: 16px; width: 500px; }
|
|
slider li { float: left; text-align: center; width: 500px; }
|
|
.slider label { display: inline-block; overflow: hidden; width: 500px; }
|
|
</style>
|
|
</head>
|
|
<body onload="Refresh();" >
|
|
<div id="wrapper">
|
|
<form id="Form1" runat="server">
|
|
<div id="header" class="cms-frame">
|
|
<!--class="cms-frame"-->
|
|
<%--<a class="logo">主頁logo圖片***** </a>--%>
|
|
<img class="logo" src="App_Themes/Default/images/logo01.png" alt="logo" />
|
|
<div class="welcome">
|
|
<asp:Literal ID="ltrLoginName" runat="server"></asp:Literal>
|
|
(<span id="ltrtime">Watting Loading!!!</span>)
|
|
</div>
|
|
<div class="slider">
|
|
<ul class="list">
|
|
</ul>
|
|
</div>
|
|
<input id="NextLi" type="button" class="displayNone" onclick="ShowNextLi()" />
|
|
<ul class="menu right">
|
|
<li><a class="icon-user-md" title="個人資料" href="javascript:void(0);" onclick="javascript:parent.open_art('page/Utl/Members_Pop.aspx',600,'member');">
|
|
</a></li>
|
|
<li><a class="icon-login" title="登出" href="javascript:void(0);" onclick="javascript:top.location.href = '/Login.aspx';">
|
|
</a></li>
|
|
</ul>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div style="display:none;">
|
|
<iframe id="reloadiframe" src="footer.aspx"></iframe>
|
|
<span id="strUserID"><asp:Literal ID="ltrUserID" runat="server"></asp:Literal></span>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script type="text/javascript">
|
|
function Refresh() {
|
|
var intminute = parseInt(new Date().formate("mm"));
|
|
ltrtime.innerHTML = new Date().formate("yyyy/MM/dd EEE hh:mm:ss"); // 請參考Common.js
|
|
if ((intminute % 10) === 0 && parseInt(new Date().formate("ss")) === 0) {
|
|
//GetAnnouncementByAjax();
|
|
var iframe = document.getElementById('reloadiframe');
|
|
iframe.src = iframe.src;
|
|
}
|
|
setTimeout("Refresh()", 1000);
|
|
}
|
|
$(document).ready(function () {
|
|
//GetAnnouncementByAjax();
|
|
setInterval('$("#NextLi").click();', 5000);
|
|
})
|
|
/********************************************
|
|
* 函數名稱:GetAnnouncementByAjax()
|
|
* 目的:從WebService讀取公告相關資料,使用Json格式傳回
|
|
* 作者:Gary
|
|
* 時間:2014/08/11
|
|
*********************************************/
|
|
function GetAnnouncementByAjax() {
|
|
var strWSLocation = '<%=ConfigurationManager.AppSettings["WSLocation"].ToString() %>';
|
|
var strURL = strWSLocation + 'GetAnnouncement'; //設定WebService路徑
|
|
var strMemberID = strUserID.innerHTML;
|
|
$.ajax({
|
|
type: 'Post',
|
|
url: strURL,
|
|
dataType: 'xml',
|
|
data: { strMemberID: strMemberID }, //如果要傳送參數,格式如左
|
|
success: function (jsonData) {
|
|
var strjson = $(jsonData).text(); //取得回傳後的字串
|
|
var jsonAry = $.parseJSON(strjson); //把字串解析成Json格式的Array
|
|
var intRowCount = jsonAry.length; //取得Array的總數
|
|
var liClass = "";
|
|
var liHtml = "";
|
|
for (intTime = 0; intTime < intRowCount; intTime++) { //跑回圈設定下拉選單總共的值
|
|
if (intTime == 0) { liClass = "" } else { liClass = "displayNone" }
|
|
liHtml += "<li class='" + liClass + "'><a><label>" + "【" + jsonAry[intTime]['Title'] + "】" + jsonAry[intTime]['Contents'] + "</label></a></li>"
|
|
}
|
|
$(".slider ul").html(liHtml)
|
|
}
|
|
});
|
|
}
|
|
|
|
/********************************************
|
|
* 函數名稱:ShowNextLi()
|
|
* 目的:模擬按下下筆資料
|
|
* 作者:Gary
|
|
* 時間:2014/08/11
|
|
*********************************************/
|
|
function ShowNextLi() {
|
|
var intCount = $(".status li").length;
|
|
var IndexNow = $(".slider ul li.displayNone").index();
|
|
if (intCount == IndexNow) { IndexNow == 0 } else { IndexNow + 1 }
|
|
$(".slider ul li").addClass("displayNone");
|
|
$(".slider ul li").each(function () {
|
|
if ($(this).index() == IndexNow) {
|
|
$(this).removeClass("displayNone");
|
|
}
|
|
});
|
|
}
|
|
|
|
</script>
|