2014年12月4日 星期四

C# datetime 轉 javascript datetime

dateUtility.js

Date.prototype.Format = function (fmt) { //author: meizz
    var o = {
        "M+": this.getMonth() + 1, //月份
        "d+": this.getDate(), //日
        "h+": this.getHours(), //小时
        "m+": this.getMinutes(), //分
        "s+": this.getSeconds(), //秒
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
        "S": this.getMilliseconds() //毫秒
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}



前台:
var pagePublishUp = <%= PagePublishUp %>; // /Date(1000002356894)/
new Date(parseInt(pagePublishUp.substr(6, 13))).Format("yyyy-MM-dd")

標籤:

2014年10月2日 星期四

pagebar 樣式1

檔案: 雲端硬碟/素材/pagebar/testzip

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <link rel="stylesheet" href="pagination.css" />
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.pagination.js"></script>

     <script type="text/javascript" src="members.js"></script>

      <script type="text/javascript">
          $(function () {
              var initPagination = function() {  
                    $("#pagination").pagination(60, {  
                        num_edge_entries: 2, //兩側頁碼數目  
                        num_display_entries: 3, //中間顯示的頁碼數目   
                        current_page:0, //目前頁, 預設是0   
                        ellipse_text:"...", //省略的頁碼用什麼表現, 預設是"..."   
                        callback: pageselectCallback, //回傳資料   
                        items_per_page: 10, //每頁呈現筆數   
                        prev_show_always: true, //是否顯示上一頁按鈕   
                        next_show_always: true, //是否顯示下一頁按鈕   
                        prev_text: "prev", //上一頁呈現文字   
                        next_text: "next" //下一頁呈現文字   
                    });  
                };  

             
              $("#list").load("group_member.html", null, initPagination);


          });

          function pageselectCallback(page_index, jq) {
              alert(page_index);
           
              page_end = page_index + 10;
              $("#list li").hide();
              for ($i = page_index; $i < page_end; $i++) {
                  $("#list li").eq($i).show();
              }
              return false;
          }
           
        </script>

</head>
<body>
    <form id="form1" runat="server">
        <div id="pagination" class="pagination"></div>
        <div class="clear"></div>
    <ul id="list"></ul>
    </form>
</body>
</html>

標籤:

2014年3月31日 星期一

FB 登入 API

第一步: 申請fb app
應用程式 > 設定 > 網站URL(伺服器網域 ex:http://111.11.11.2)

第二步:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://connect.facebook.net/zh_TW/all.js"></script>

<script type="text/javascript">
    // 初始化 & 登入
    function oplogin() {
        FB.init({ appId: 'fb app id例426363157401356', status: true, cookie: true, xfbml: true }); //appid請去FB申請應用程式
        fblogin();
    }
    function fblogin() {
        FB.login(function (response) {
            if (response.authResponse) {
                //登入成功
                FB.api('/me', function (response) {
                    //取得 json格式
                    var html = '<table>';
                    debugger;
                    for (var key in response) {
                        html += ('<tr>' + '<th>' + key + '</th>' + '<td>' + response[key] + '</td>' + '</tr>');
                    }
                    document.getElementById('me').innerHTML = html + '</table>';
                });
            }
            else {
                //登入失敗
                alert("登入失敗。");
            }
        });
    }
    //登出
    function fblogout() {
        FB.getLoginStatus(function (response) {
            if (response.status === 'connected') {
                FB.logout(function (response) {
                    // user is now logged out
                    document.getElementById('loginform').submit();
                });
            } else if (response.status === 'not_authorized') {
                // the user is logged in to Facebook,
                // but has not authenticated your app
                FB.logout(function (response) {
                    // user is now logged out
                    alert("請重新登入!");
                });
            } else {
                // the user isn't logged in to Facebook.
                alert("請重新登入!");
            }
        });
    }
</script>

<body onLoad="oplogin()">
    <form id="form1" runat="server">
    <div>
     
        <input type="button" id="btn2" onclick="javascript:oplogin();return false;" value="取得Facebook登入者資訊(PartII)" />
        <div id="me"></div>
     
    </div>
    </form>
</body>

標籤: ,

2014年2月20日 星期四

Javascript 以 post 帶入參數並傳值

function post_to_url(params) {

            // The rest of this code assumes you are not using a library.
            // It can be made less wordy if you use one.
            var form = document.getElementById("form1");

            var hiddenField = document.createElement("input");
            hiddenField.setAttribute("type", "hidden");
            hiddenField.setAttribute("name", "login");
            hiddenField.setAttribute("value", params);

            form.appendChild(hiddenField);

            form.method = "post";
            form.submit();

        }

標籤:

2014年2月19日 星期三

FB 分享帶參數

//fb分享
    function FBShare() {

        var url = encodeURIComponent('<%= Request.Url.AbsoluteUri %>');
        alert(url);
        window.open("http://www.facebook.com/sharer.php?u=" + url + "&t=" + (new Date()).getTime(), "", "width=600,height=300");

    }

<a href="#" onclick="FBShare();"><img src="images/fb.png" alt="fb"></a>

標籤: ,

2014年2月5日 星期三

Javascript 取得 get 值

<script type="text/javascript">
var url=window.location.toString();
var str="";
var str_value="";
if(url.indexOf("?")!=-1){
    var ary=url.split("?")[1].split("&");
    for(var i in ary){
        str=ary[i].split("=")[0];
     
        //tag為b
        if (str == "b") {
            str_value = decodeURI(ary[i].split("=")[1]);
        }
    }
}
alert(str_value);
</script>

標籤:

2014年1月24日 星期五

javascript scrollbar 到網頁底部後執行

var $terms = $(window),
   _height = $terms.height(),
   _scrollHeight = $(document).height(),
   _maxScrollHeight = _scrollHeight - _height - 20;
        var _least = 0; // 距離底部多少就可以, 0 表示得完全到底部

        // 當 #terms 中捲軸捲動時
        $(window).scroll(function () {
            var $this = $(this);
            // 如果高度已經達到指定的高度就啟用 $submit


            if (_maxScrollHeight - $this.scrollTop() <= _least) {
               
                alert("到底了");

            }
           
        });

標籤: ,

2014年1月12日 星期日

javascript 換頁bar

<script type="text/javascript">
//2014/01/11

//nowPage 現在頁數
//totalitem 總共有幾筆資料
//pageShow 一頁要show幾筆資料
function pageList(nowPage, totalitem, pageShow) {

    var pagesPerGroup = 6;   // pages to be display in one bar
    var pageStr = "";

    var notPageCss = "style='border: 1px solid #C0C0C0; width: 20px; height: 30px; text-align:center;font-family:Microsoft YaHei; color:#555555; font-size:14px; cursor: pointer;'";
    var thisPageCss = "style='border: 1px solid #C0C0C0; width: 20px; height: 30px; text-align:center;font-family:Microsoft YaHei; color:#FFFFFF; font-size:14px; cursor: pointer; background-color: #888888;'";
    //debugger;

    if (totalitem / pageShow < pagesPerGroup) {
        if (totalitem % pageShow == 0) {
            pagesPerGroup = totalitem / pageShow;
        }

        else {
            pagesPerGroup = totalitem / pageShow + 1;
        }
    }

    pageStr += "<table style='margin: auto;'>";
    pageStr += "<tr>";

    if (nowPage != 1) {
        pageStr += "<td style=' width:50px;border: 1px solid #C0C0C0; height: 30px; text-align:center;font-family:Microsoft YaHei; color:#555555; font-size:14px; cursor: pointer;' onclick=\"ChangePage(" + (parseInt(nowPage) - 1) + ", " + totalitem + ", " + pageShow + ");\">上一頁</td>";
    }

    for (var i = 1; i <= pagesPerGroup; i++) {
        var changePage;

        if (nowPage <= 3) {
            if (i == nowPage) {
                pageStr += "<td id='page" + i + "' onclick='ChangePage(" + i + ", " + totalitem + ", " + pageShow + ");' " + thisPageCss + ">" + i + "</td>";
            }
            else {
                pageStr += "<td id='page" + i + "' onclick='ChangePage(" + i + ", " + totalitem + ", " + pageShow + ");' " + notPageCss + ">" + i + "</td>";
            }
        }

        else if (nowPage >= totalitem / pageShow - 2) {

            changePage = Math.floor(totalitem / pageShow - pagesPerGroup + i);

            if (changePage == nowPage) {
                pageStr += "<td id='page" + changePage + "' onclick='ChangePage(" + changePage + ", " + totalitem + ", " + pageShow + ");' " + thisPageCss + ">" + changePage + "</td>";
            }
            else {
                pageStr += "<td id='page" + changePage + "' onclick='ChangePage(" + changePage + ", " + totalitem + ", " + pageShow + ");' " + notPageCss + ">" + changePage + "</td>";
            }
        }

        else {

            changePage = (i + parseInt(nowPage) - 3);

            if (changePage == nowPage) {
                pageStr += "<td id='page" + changePage + "' onclick='ChangePage(" + changePage + ", " + totalitem + ", " + pageShow + ");' " + thisPageCss + ">" + changePage + "</td>";
            }
            else {
                pageStr += "<td id='page" + changePage + "' onclick='ChangePage(" + changePage + ", " + totalitem + ", " + pageShow + ");' " + notPageCss + ">" + changePage + "</td>";
            }
        }

    } //for

    if(nowPage != Math.ceil(totalitem / pageShow)){
        pageStr += "<td style=' width:50px;border: 1px solid #C0C0C0; height: 30px; text-align:center;font-family:Microsoft YaHei; color:#555555; font-size:14px; cursor: pointer;' onclick=\"ChangePage(" + (parseInt(nowPage) + 1) + ", " + totalitem + ", " + pageShow + ");\">下一頁</td>";
    }

    pageStr += "</tr>";
    pageStr += "</table>";


    $("#pager1").html(pageStr);
}
</script>


<script type="text/javascript">
$(function () {

    nowPage = 1;   //nowPage 現在頁數
    totalitem = 150;   //totalitem 總共有幾筆資料
    pageShow = 10;   //pageShow 一頁要show幾筆資料

    ChangePage(nowPage, totalitem, pageShow);

         
});

var nowPage;
var totalitem;
var pageShow;

//換頁
function ChangePage(nowPage, totalitem, pageShow) {
    pageList(nowPage, totalitem, pageShow);

    //alert(nowPage);
}

</script>

標籤: ,

2013年12月23日 星期一

Javascript 呼叫列印功能(預覽列印)

<a href='javascript:printform();'></a>

標籤:

2013年8月2日 星期五

Javascript 呼叫 C#函式

C# code︰
protected void ImgButAll_Click(object sender, System.Web.UI.ImageClickEventArgs e)
{
     //這裡輸入要執行的語法
}


JS code︰
function ClickAll() {
            //綜合
            document.getElementById("ImgButAll").click();
}

html code︰
<asp:ImageButton ID="ImgButAll" runat="server" OnClick="ImgButAll_Click" Style="display: none"></asp:ImageButton>
<a href="#" onclick='javascript:ClickAll();' onfocus="this.blur()">綜合</a>

//按下html物件誘發隱藏net的物件

標籤: ,