搜尋 ip[t] 結果：
比對 a1 是不是 undefined 時，可以使用以下的程式碼:
if(typeof a1=='undefined'){
:
:
}Bike, 2012/11/25 下午 02:56:43
Javascript 有一個 operator "===" 可以做未轉型的比對，相對的也有一個 !== 可以取代 != 來使用.
可以參考:
http://stackoverflow.com/questions/359494/javascript-vs-does-it-matter-which-equal-operator-i-use
可以參考:
http://stackoverflow.com/questions/359494/javascript-vs-does-it-matter-which-equal-operator-i-use
Bike, 2012/11/15 上午 09:49:51
最近看到一些 javascript 範例 覺得這樣不錯的
就是用 array push, join 方式來拼字串
同樣的方式 .net 也可以這樣做
用這種方式也省的判別最後一筆要不要加上分隔符號
就是用 array push, join 方式來拼字串
var Data = [{"key": "key5", "value": "value5"}, {"key": "key4", "value": "value4"}, {"key": "key3", "value": "value3"}];
var html = [];
html.push('<select name="test">');
for (var i = 0; i < Data.length; i++) {
html.push('<option value="' + Data[i]["key"] + '">',
Data[i]["value"],
"</option>");
}
html.push('</select>');
return html.join('');同樣的方式 .net 也可以這樣做
List<string> listOfString = new List<string>();
for (int i = 0; i < 10; i++)
{
listOfString.Add(i.ToString());
}
string strResult = string.Join(", ", listOfString.ToArray());
用這種方式也省的判別最後一筆要不要加上分隔符號
darren, 2012/10/17 下午 04:09:20
- How to Use HTML5 File Drag & Drop
- How to Open Dropped Files Using HTML5 and JavaScript
- How to Asynchronously Upload Files Using HTML5 and Ajax
- How to Create File Upload Progress Bars in HTML5 and JavaScript
這幾篇文章提到使用拖拉方式將檔案放到網頁裡面
然後在本地端預覽，然後ajax上傳，上傳時還有 progress bar
一整套運作模式說明，並附上sample code，挺棒的
附檔sample code
-------------------------------------------
測試後補充:
1. 範例中的 dragover event 要改成 dragenter 比較正確
然後 dragover 最好是做成 return false (ev.stopPropagation())
2. Server端不能用Requst.Files收檔案，要直接處理 Request.InputStream另存成檔案
darren, 2012/10/7 上午 01:20:42
最近想說調整後台的master page裡面 javascript 以及 css, 想改為相對位置
卻意外發現 aspx 裡的 head 若有 runat=server
她會特別把 title, meta 以及 link 標籤都設為 server control
因此 link 的 href 可以調整為毛毛蟲開頭 ~/ 它會自動轉為正確的相對位置
結果是
不過 javacript 的 src 他就不鳥了...
可能要在 Page_PreRender 自己用 ResolveClientUrl("~/scripts/*.js")
然後再一個一個append上去
卻意外發現 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上去
darren, 2012/8/17 下午 12:08:05
由於網站的user來自全世界各地，而我們網站產生的時間卻是Server的時間
因此需要使用javascript來做一些轉換，讓user看到是他當地的時間
1. Server端產生具有時區的時間字串，用特定的span + class把它包起來, 時間格式 DateTime.ToUniversalTime().ToString("r")
<span class="timeString">Fri, 31 Aug 2012 10:57:04 GMT</span>
2. Client端利用jQuery於網頁load的時候將所有時間轉換成當地時間
這個地方我用了 date.format.js 來轉換成當地時間 (參考 http://blog.stevenlevithan.com/archives/date-time-format )
$(".timeString").each(function () {var content = $(this).text();var d = new Date(content);if (!isNaN(d)) $(this).text(d.format("yyyy-mm-dd hh:MM tt"));});
這樣user看到的時間就不會錯了
darren, 2012/6/19 下午 04:14:57
1. 在要匯出的 DB 上, 按右鍵, 選取工作 --> 產生令碼.
2. 歡迎頁
3. 選取資料庫
4. 設定選項, 記得要選取 "編寫資料的指令碼"
5. 選取資料表
6. 選擇要匯出的資料表
7. 指定 Script 要儲存的位置
8. 檢視摘要
9. 完工
2. 歡迎頁
3. 選取資料庫
4. 設定選項, 記得要選取 "編寫資料的指令碼"
5. 選取資料表
6. 選擇要匯出的資料表
7. 指定 Script 要儲存的位置
8. 檢視摘要
9. 完工
Bike, 2012/6/19 上午 11:11:33
Client Side 的 HTML 如下: (若要在 CKEditor 中使用, 請參考: CKEditor 中貼上剪貼簿(clipboard) 中的圖片)
Server Side 的程式碼如下:
<!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
Bike, 2012/6/3 上午 02:33:36
javascript 雖然比較常用 innerHTML, 但偶爾會用到innerText,
可惜 innerText 遇到 FireFox 就不能用了, 因為 FireFox 要用 textContent
而IE卻不能用 textContent, 其他瀏覽器倒是兩種都可用
建議用 jQuery 的 text() 功能，就比較不會有問題
可惜 innerText 遇到 FireFox 就不能用了, 因為 FireFox 要用 textContent
而IE卻不能用 textContent, 其他瀏覽器倒是兩種都可用
建議用 jQuery 的 text() 功能，就比較不會有問題
darren, 2012/5/17 上午 11:27:27
<script type="text/javascript" src="/scripts/jquery.ae.image.resize.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("div._content img").aeImageResize({ width: 250 });
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$(".resizeme").aeImageResize({ width: 450 });
});
</script>
資料來源：http://adeelejaz.com/blog/resize-images-on-fly-using-jquery/
Reiko, 2012/5/14 下午 02:02:37