UWInfo Blog

搜尋

搜尋意見

文章分類-#Author#

[所有文章分類]

最新回應

Newtonsoft.Json.JsonConvert.DeserializeObject 失敗的情況
test...more
dotnet ef dbcontext scaffold
...more
[ASP.NET] 利用 aspnet_regiis 加密 web.config
...more
IIS ARR (reverse proxy) 服務安裝
...more
[錯誤訊息] 請加入 ScriptResourceMapping 命名的 jquery (區分大小寫)
...more
用 Javascript 跨網頁讀取 cookie (Cookie cross page, path of cookie)
...more
線上客服 - MSN
本人信箱被盜用以致資料外洩，是否可以請貴平台予以協助刪除該信箱之使用謝謝囉...more
插入文字到游標或選取處
aaaaa...more
IIS 配合 AD (Active Directory) 認証, 使用 .Net 6.0
太感謝你了~~~你救了我被windows 認證卡了好幾天QQ...more
PostgreSQL 的 monitor trigger
FOR EACH ROW 可能要改為 FOR EACH STATEMENT ...more

標籤

搜尋 HTML 結果：

aspx 的 head 下的 link 標籤可以用 ~/ 處理相對位置

最近想說調整後台的master page裡面 javascript 以及 css, 想改為相對位置
卻意外發現 aspx 裡的 head 若有 runat=server
她會特別把 title, meta 以及 link 標籤都設為 server control
因此 link 的 href 可以調整為毛毛蟲開頭 ~/ 它會自動轉為正確的相對位置

<head id="Head1" runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <link href="~/Admin/AdminMenu.css" type="text/css" rel="stylesheet" />

結果是

<head id="Head1"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="../AdminMenu.css" type="text/css" rel="stylesheet" />

不過 javacript 的 src 他就不鳥了...
可能要在 Page_PreRender 自己用 ResolveClientUrl("~/scripts/*.js")
然後再一個一個append上去

More...

darren, 2012/8/17 下午 12:08:05

Cisco 2924 的設定

VLan: http://www.cisco.com/en/US/products/hw/switches/ps607/products_command_reference_chapter09186a008007eb87.html

Reset Password: http://www.cisco.com/en/US/products/hw/switches/ps628/products_password_recovery09186a0080094184.shtml

More...

Bike, 2012/8/15 上午 04:46:41

各瀏覽器中cookie個數和大小限制

一、瀏覽器允許每個域名所包含的cookie數
Microsoft指出InternetExplorer8增加cookie限制為每個域名50個，但IE7似乎也允許每個域名50個cookie。
Firefox每個域名cookie限制為50個。
Opera每個域名cookie限制為30個。
Safari/WebKit似乎沒有cookie限制。但是如果cookie很多，則會使header大小超過服務器的處理的限制，會導致錯誤發生。

二、當很多的cookie被設置，瀏覽器如何處理
除了Safari (可以設置全部cookie，不管數量多少)，有兩個方法：
最少最近使用（leastrecentlyused(LRU)）的方法：當cookie已達到限額，自動踢除最老的cookie，以使給最新的cookie一些空間。 InternetExplorer和Opera使用此方法。
Firefox很獨特：雖然最後的設置的cookie始終保留，但似乎隨機決定哪些cookie被保留。似乎沒有任何計劃（建議：在Firefox中不要超過cookie限制）。

三、不同瀏覽器的cookie總大小也不同
Firefox和Safari允許cookie多達4097個字節，包括名（name）、值（value）和等號。
Opera允許cookie多達4096個字節，包括：名（name）、值（value）和等號。
InternetExplorer允許cookie多達4095個字節，包括：名（name）、值（value）和等號。
註：多字節字符計算為兩個字節。在所有瀏覽器中，任何cookie大小超過限制都被忽略，且永遠不會被設置。

某網站的實測結果 http://www.ruslog.com/tools/cookies.html

Browser	Max Cookies	Max Size Per Cookie	Max Size Per Domain¹	Usage²
Chrome 4
Chrome 5	70	4096 bytes	NA
Chrome 6	70	4096 bytes	NA
Chrome 7	70	4096 bytes	NA
Chrome 8	180	4096 bytes	NA	0.6%
Chrome 9				7.7%
Chrome 10	180	4096 bytes	NA	14.8%
Chrome 11				0.8%
Chrome 12				0.1%
FireFox 2	50	4097 characters	NA
FireFox 3	50	4097 characters	NA	36.7%
FireFox 4	50	4098 characters	NA	5.2%
IE 6	50	4096 characters	4096 characters	3.0%
IE 7	50	4095 characters	4095 characters	5.4%
IE 8	50	5117 characters	10234 characters	16.3%
IE 9				1.1%
Opera 8	30	4096 bytes	4096 bytes
Opera 9	30	4096 bytes	4096 bytes
Opera 10				0.2%
Opera 11	60	4096 bytes	4096 bytes	1.9%
Safari 3				0.1%
Safari 4				0.3%
Safari 5	600	4096 bytes	4096 bytes	3.6%
Safari on mac³	?	?	?

但是都找不到 IE9 的限制..

More...

Bike, 2012/7/11 下午 12:21:42

一個有趣的 Cut 圖的網站

先記在這, 有空再來研究一下它的程式碼. 看樣子 HTML 5 有很多值得研究的東西.

http://www.pasteshack.net/

More...

Bike, 2012/6/6 下午 04:02:22

CKEditor 的 insertHTML 和 setData

在 CKEditor 中, 使用 insertHtml可以保留游標的位置, 所以在插入文字時, 大多使用 insertHtml, 但在CKEditor 的內容為空白時, insertHtml好像會失效. 這時就要用 setData 了.

if(CKEDITOR.instances['<% = me.txtContent.ClientId %>'].getData() == ''){

    CKEDITOR.instances['<% = me.txtContent.ClientId %>'].setData('<img src="' + oRes.msg + '" alt="" />');

}

else{

    CKEDITOR.instances['<% = me.txtContent.ClientId %>'].insertHtml('<img src="' + oRes.msg + '" alt="" />');

}

More...

Bike, 2012/6/4 下午 09:28:58

HTML5 Canvas塗鴉板

在研究 Canvas 時, 發現的一個有趣應用, http://www.darkthread.net/miniajaxlab/html5canvas/canvas1a.htm

More...

Bike, 2012/6/3 上午 02:46:23

在 Chrome 中, 直接把剪貼簿(Clipboard)中的圖片用貼上的方式上傳到 Server

Client Side 的 HTML 如下: (若要在 CKEditor 中使用, 請參考: CKEditor 中貼上剪貼簿(clipboard) 中的圖片)

<!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>

<title></title>

<script type="text/javascript" src="/Scripts/jquery-1.7.1.min.js"></script>



<script type="text/javascript">

$(document).ready(function () {

$(window).bind("paste", function () {

if (event.clipboardData) {

var clipboardData, found;

found = false;

clipboardData = event.clipboardData;



Array.prototype.forEach.call(clipboardData.items, function (item, i) {

if (item.type.indexOf("image") !== -1) {

var blob = clipboardData.items[i].getAsFile();

var URL = window.URL || window.webkitURL;

var source = URL.createObjectURL(blob);



pastedImage = new Image();

pastedImage.src = source;

pastedImage.onload = function () {

var canvas = document.createElement("canvas");

var ctx = canvas.getContext("2d");



canvas.width = pastedImage.width;

canvas.height = pastedImage.height;

ctx.drawImage(pastedImage, 0, 0);



var base64 = canvas.toDataURL();

base64 = base64.substring(base64.indexOf("iVBOR"));



$.ajax({

url: "/API/AddTaskImages.aspx",

async: false,

type: "POST",

data: ({

Image: base64

}),

dataType: "html",

success: function (msg) {

var oRes;

try {

oRes = eval(msg);

}

catch (err) {

alert("無法解析傳回資料 !");

alert(msg);

alert(err);

}

if (oRes.success) {

alert("Upload Success..");

//alert(oRes.msg);

$("#MyImageDataLoadDemo").attr("src", oRes.msg);

} else {

alert(oRes.msg);

}

},

error: function (xhr, ajaxOptions, thrownError) {

alert(xhr.status);

alert(thrownError);

}

})

};



return false;

}

});

}

});

});

</script>

</head>

<body>







<div id="hold">

<div id="imgHold"><img src="" id="MyImageDataLoadDemo"></div>

<div>Click on the area above and ctrl+p an image to paste</div>

</div>

</body>

</html>

Server Side 的程式碼如下:



Partial Class API_AddTaskImages

Inherits System.Web.UI.Page



Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load

'DB.sysconfig.Path.TaskAttachment



Dim Base64 As String = Me.Request("Image")

'UW.JSON.WriteErrorMessage(Base64)



'Return





Dim imageBytes As Byte() = Convert.FromBase64String(Me.Request("Image"))



Dim ms As System.IO.MemoryStream = New System.IO.MemoryStream(imageBytes, 0, imageBytes.Length)



ms.Write(imageBytes, 0, imageBytes.Length)

Dim image As System.Drawing.Image = System.Drawing.Image.FromStream(ms, True)



Dim map As Bitmap





Dim Filename As String = Now.ToString("yyyyMMddHHmmssfff") & ".png"



Try

System.IO.Directory.CreateDirectory(DB.sysconfig.Path.TaskAttachment & "UploadImages")

image.Save(DB.sysconfig.Path.TaskAttachment & "UploadImages\" & Filename, System.Drawing.Imaging.ImageFormat.Png)



UW.JSON.WriteSuccessMessage(DB.sysconfig.URL.TaskAttachment & "UploadImages/" & Filename)

Catch ex As Exception

UW.JSON.WriteErrorMessage(ex.ToString)

End Try



End Sub

End Class

More...

Bike, 2012/6/3 上午 02:33:36

Firefox 抓滑鼠在HTML Element上的位置

Firefox 沒有 offsetX 和 offsetY，解決方法是從父層把left 和top做累加。

    function getOffset(e) {
        /*e: Mousemove Event*/
        if (e.target.offsetLeft == undefined) {
            /*firefox only*/
            e.target = target.parentNode;
        }
        var tarPos = getTarPos(e.target);
        var tarMousePos = { x: window.pageXOffset + e.clientX, y: window.pageYOffset + e.clientY     };
        var offset = { offsetX: tarMousePos.x - tarPos.x, offsetY: tarMousePos.y - tarPos.y };
        return offset;
    }
    function getTarPos(el) {
        var page = { x: 0, y: 0 };
        while (el) {
            page.x += el.offsetLeft;
            page.y += el.offsetTop;
            el = el.offsetParent;
        }
        return page;
    }

More...

瞇瞇, 2012/5/31 下午 12:59:46

innerText and textContent

javascript 雖然比較常用 innerHTML, 但偶爾會用到innerText,
可惜 innerText 遇到 FireFox 就不能用了, 因為 FireFox 要用 textContent
而IE卻不能用 textContent, 其他瀏覽器倒是兩種都可用

建議用 jQuery 的 text() 功能，就比較不會有問題

More...

darren, 2012/5/17 上午 11:27:27

跨瀏覽器網頁設計密技-From www

(1) 各瀏覽器 CSS Hacks 技巧

.page {

color: black; /* 所有瀏覽器 */

color /**/: green; /* IE7, IE8, IE9 */

*color: blue; /* IE6, IE7 */

_color: red; /* IE6 */

}

(2) IE 條件式註解

<!doctype html>

<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->

<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->

<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->

<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->

<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->

<head>

※ 注意事項 ※
微軟已經決定 Internet Explorer 10 之後的版本將移除條件式註解功能，因此下一代 IE 瀏覽器在解析條件式註解時將會與現有其他瀏覽器一樣，針對條件式註解或條件式標籤裡的條件式都會自動忽略，因此未來該功能只能用於 IE9 以下的瀏覽器裡。

資料來源：http://blog.miniasp.com/post/2012/05/02/Building-Website-is-not-that-easy-CSS-Hacks-and-IE-Conditional-Comments.aspx

More...

Reiko, 2012/5/7 下午 12:03:35