ASP.NET隨身筆記: 8月 2017

2017年8月29日星期二

[ASP.NET] 從ASP.NET後台取得HTML的標籤

從ASP.NET後台取得HTML的標籤

方法一、
僅取得HTML標籤值(唯讀)。
<input type="button" name="mybut" value="按鈕" />

Request.Form("mybut")

方法二、
控制HTNL標籤。
在HTML標籤上加讓runat="server" id="myIcon"，在ASP後台就可以取得控制。
<i runat="server" id="myIcon" class="icon-repeat"></i>

針對類別進行控制：
myIcon.Attributes.Add("class", openRotationImg)

針對樣式進行控制：
myIcon.Style.Add("color", "red")

[ASP.NET] 使用MaintainScrollPositionOnPostback="true" 在Chrome則會失效

在ASPNET中使用MaintainScrollPositionOnPostback="true"，來達到Postback時頁面不要回到頂部。


<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false"  MaintainScrollPositionOnPostback="true" CodeFile="Default8.aspx.vb" Inherits="Default8" %>

在IE可以正常運行，但在Chrome則會失效。
解決方法：


<asp:HiddenField runat="server" ID="hfPosition" Value="" />



<script type="text/javascript">

    $(function () {

        var f = $("#<%=hfPosition.ClientID%>");

        window.onload = function () {

            var position = parseInt(f.val());

            if (!isNaN(position)) {

                $(window).scrollTop(position);

            }

        };

        window.onscroll = function () {

            var position = $(window).scrollTop();

            f.val(position);

        };

    });

</script>

[JavaScript] 設定與取得Cookie值

轉載至:https://blog.aidec.tw/post/javascript-set-get-cookie

設定cookie

function setCookie(cookieName, cookieValue, exdays) {

  if (document.cookie.indexOf(cookieName) >= 0) {

    var expD = new Date();

    expD.setTime(expD.getTime() + (-1*24*60*60*1000));

    var uexpires = "expires="+expD.toUTCString();

    document.cookie = cookieName + "=" + cookieValue + "; " + uexpires; 

  } 

  var d = new Date();

  d.setTime(d.getTime() + (exdays*24*60*60*1000));

  var expires = "expires="+d.toUTCString();

  document.cookie = cookieName + "=" + cookieValue + "; " + expires;  

}

使用方法:

setCookie('自訂名稱','cookie值','天數');

舉例:

setCookie('myName','aidec','365');

將會設定一個名為myName的cookie，其cookie值為aidec，生命週期為365天

註:若已經有設定相同名稱的cookie值，此function將會自動覆蓋掉舊的值。

代碼說明:

此部分解說此函數原理，方便讓人自行修改。

/*第一段*/

//判斷是否已經有相同的cookie值。有的話，使舊的cookie過期

if (document.cookie.indexOf(cookieName) >= 0) {

    var expD = new Date();

    expD.setTime(expD.getTime() + (-1*24*60*60*1000));

    var uexpires = "expires="+expD.toUTCString();

    document.cookie = cookieName + "=" + cookieValue + "; " + uexpires; 

}

/*第二段*/

//設定cookie值

  var d = new Date();

  //可以自行修改此段，將過期週期設為符合需求的格式

  d.setTime(d.getTime() + (exdays*24*60*60*1000));

  var expires = "expires="+d.toUTCString();

  document.cookie = cookieName + "=" + cookieValue + "; " + expires;

讀取cookie

function getCookie(cookieName) {

  var name = cookieName + "=";

  var ca = document.cookie.split(';');

  for(var i=0; i<ca.length; i++) {

      var c = ca[i];

      while (c.charAt(0)==' ') c = c.substring(1);

      if (c.indexOf(name) == 0) return c.substring(name.length,c.length);

  }

  return "";

}

使用方法

getCookie('自訂的cookie名稱');

舉例:

以剛剛我們設定名為myName的cookie為範例

getCookie('myName'); //可得到 aidec

這樣就簡單完成用javascript設定和讀取cookie值了~~若假如想要能移除某項cookie值的話，我們可以提取setCookie當中的第一段在寫成另一個function來用，這樣就可以達成刪除某一cookie啦

2017年8月29日 星期二