顯示具有 Javascript 標籤的文章。 顯示所有文章
顯示具有 Javascript 標籤的文章。 顯示所有文章

[Javascript] 介紹一個好用的裁切圖片的套件 ,並取得裁切後的大小

2016-08-16

最近專案需求要用到裁切圖片,網路上很多根據 Eleven Hsiao 推薦一套很簡單的套件 -  Croppie ( https://github.com/foliotek/croppie )
image


[ASP.net][Javascript] 在Client 端按下enter 阻止 post 事件被發動

2016-07-05

最近朋友問我,因為他在一個input  text 中偵測keypress 的enter 事件,但是按下去後依然會觸發post 事件,即使不是runat server 的物件也是這樣,問我有沒有辦法可以阻enter 不去觸發postback,紀錄一下,原因是因為預設.net form 是runat server 會觸發postback  ,理論上在enter  按下後是可以透過client去阻擋,但是因為泡泡事件的關係,所以會導致她還是會將事件向下傳遞所以做法就是

<script>
     
        $('#txtTest').keypress(function (e) {
     
            if (e.keyCode == 13) {
     
                //你要執行的事件
                //..
     
                //加上這兩行就不會觸發post事件
               e.preventDefault();
               return false;
           }
       });
</script>

紀錄一下,給碰到有需要的人


[C#][ASP.net] 我們來聊聊Facebook Message Bot 如何實作 (二)

2016-06-17

接續上一篇  [C#][ASP.net] 我們來聊聊Facebook Message Bot 如何實作 (一) 我們來繼續聊聊如何接受,發送,驗證 關於facebook message bot 的相關操作。
sh227


[C#][ASP.net] 我們來聊聊Facebook Message Bot 如何實作 (一)

之前facebook 發布了 bot 讓你可以透過寫程式讓你可以針對紛絲團寫出回應的機器人
_89195617_310462f6-7973-40d9-93a9-1cdbe1c565a6
(來源: http://www.bbc.com/news/technology-36021889)

看一下臉書的官方文件( https://developers.facebook.com/docs/graph-api/reference/v2.6/message )其實蠻詳細的,官方用的是javascript and node.js 這篇文章我會用C# + ASP.net來完成,並且就筆記一下需要注意的地方


[ASP.net] Summernote 圖片上傳存成實體檔案而不是預設的base64

2016-06-14

Summernote 套件蠻常使用的,但是他圖片上傳預設是base64 所以預設的Code 是長這樣
image

因為 code 很多會變得有點慢,這點如何解決呢? 此測試版為 0.8.1


[Javascript] 判斷是不是IE 包含 Edge

2016-01-28

簡單判斷是不是IE 的Javascript Code , 因為朋友問就紀錄一下


[Node.js] Node.js 透過edge 呼叫 DLL (C#) 的 function

2015-10-12


因為專案的一些因素,必須要透過Node.js 去呼叫 C# 的 Library ,測試了一下,所以記錄下來
1.必須透過一個 lib 叫做 edge.js
image


[ASP.net] Summernote 把所有base64圖片取出來

2015-10-05

最近比較少用CKEditor 比較常用的是 SummerNote,因為她對RWD的支援會比較好一點

image


[Cordova] 簡單筆記一下寫入檔案和讀取檔案

2015-10-02

今天筆記一下,關於Cordova 寫入檔案的方法,主要參考連結為
https://cordova.apache.org/docs/en/3.0.0/cordova_file_file.md.html
http://www.raymondcamden.com/2014/11/05/Cordova-Example-Writing-to-a-file

1.首先要加入plugin ,文中我加入兩個 File , Notification 因為 Notification 我很常用到,事實上只需要File就好了
image


[ASP.net] 關於在App In Facebook IE 的Cookie存取無效問題

2013-08-07

這個問題,非常惱人而且難抓到,我使用Javascript 試圖寫入Cookie ,在Firefox 跟 Chrome 下是正常的,當下我就覺得又是IE
網路上查了一下,原因大致上是因為,早期IE對於安全性問題,他們有阻擋關於內嵌iframe 的cookie 機制,網路上說解法是在</head> 前加入

<meta http-equiv="P3P" content='CP="IDC DSP COR CURa ADMa OUR IND PHY ONL COM STA"' />

但是我發現,根本就沒有作用…哈哈~


[Javascript] IE 的IndexOf 問題

最近在弄一些Facebook上面的小遊戲,因為最近HTML5的東西很紅,所以也從Flash Game慢慢轉移到 HTML+Javascript Game..

遇到一個怪現象,就是IE某些版本,對方回報為IE8 有問題,測了一下發現,原來是因為Array.IndexOf竟然IE看不懂…W..T…

之後Google 也順利找到一段Code  紀錄一下:


[C#] .net WebSerivce(.asmx) corss domain 的 is not allowed by Access-Control-Allow-Origin. 問題

2013-06-18

使用AJAX 在呼叫WebService 的時候,在 Chrome 下面會出現
2013-06-18_113508
會出現
OPTIONS http://localhost:32350/TestService.asmx/GetAllUsers 200 (OK) jquery-1.9.1.min.js:5
XMLHttpRequest cannot load http://localhost:32350/TestService.asmx/GetAllUsers. Origin http://localhost:32537 is not allowed by Access-Control-Allow-Origin.
我測過Chrome 會出現這問題,至少還有錯誤訊息
Firefox之firebug 直接啥都沒出現,IE10 還會正常執行(真是厲害)
這要如何解決呢?!


[C#] 一個方便使用 jquery ajax + .net WebService(.asmx) 的小工具-NO2AjaxGenerator

2013-06-17

.net WebService 一直是我覺得很方便的東西,手邊很多專案的Service 端都採用這技術
近幾年ajax 技術也使用的很頻繁,一直在想,如何才能讓前端呼叫web service(.asmx) 可以更加的快速
所以這支 NO2AjaxGenerator就誕生了
他的方便優點如下
1.快速產生 javascript 端可呼叫.net webservice 的code
2.在 Visual Studio 2012 下在 javascript 端可以支援您自訂物件的 intelligent sense
3.使用簡單,中間傳遞皆使用 json
4.讓你在javascript 可以有類似於C# 端開發的體驗
現在來看看案例,這是Service side 端的 .net webserice (.asmx) 程式


[C#][ASP.net] 使用 FileReader.readAsArrayBuffer 做到多檔上傳

2013-05-27

上傳多檔的解決方法很多,不管是用Flash 或是啥技術,都是可以做到多檔上傳,

套件也是超級的多,今天做一個很簡單的範例 其中使用到HTML5 File API 的部分,參考網址:http://www.w3.org/TR/FileAPI/

因為檔案上傳,還包含Server端的程式撰寫,網路上較多關於PHP 方法,目前我會用到ASP.net 部分,所以就筆記一下,

當然這很簡陋,改良空間也很大,但是需要的人可以繼續改寫下去..


[Javascript] 用 Javascript 實作國際代購試算機

2013-02-26

幫朋友試作一個計算機,反正就順便在網誌上面記錄一下..
2013-02-26_110324


[ASP.net]關於ASP.net 如何用Javascript抓到CheckBox的Value

2012-10-05


因為Silverlight and Flex 寫習慣,很多地方以為會很溫馨..
下.Value的語法就可以取到值..

但是在HTML的世界裡面..我才發現很溫馨的CheckBoxList
網路上看到許多方法,最後我試了一個方法有點偷吃步,但是我覺得目前很夠我用..


[ASP.net] 透過JavaScript 建立.刪除.讀取Cookie解決方案,包含C#讀取解決中文亂碼問題..


最近在寫ASP.net的東西,因為要求一堆AJAX處理..
有時候透過Cookie非常的溫馨,所以看了一下有關Cookie的東西..

之前處理過,非常的麻煩所以稍微整理一下最近看的文件…

首先,您得在HTML那頁面加上幾隻Javascript function


[IE][JavaScript] Bubble Event - StopPropagation

 

最近遇到一個很詭異的問題..

後來才知道跟Event Bubbling 有關係..

簡單講解一下需求..

sshot-175_2


[ASP.net][C#] 透過Regular Expression做Email格式驗證..

 

之前說道如何透過 Javvascript 來使用Regular Expression 來做資料驗證

這一篇是依照一樣的範例下如何透過Server端來做資料格式驗證..

看一下配置..

 

sshot-27_2

跟上一篇差不多 只是將按鈕改成ASP.net元件..

目的也是透過txtRegex 的Regular Expression 然後對txtEmail進行驗證..


[JavaScript] JSRender 初體驗

 

之前,再用 TMPL 就覺得 ,這東西很酷..

因為解決了從 AJAJ 接回來的資料,我自己要在那邊組裝 HTML Code 在 render 出來

有夠麻煩..

之前我是用 TMPL 來解決這問題..

但是 黑大 有跟我說過TMPL已經結束開發了..Orz…

推薦我使用 JsRender..

最近就來看一下..

下面是超簡單範例..

讓你看一下就能夠學會 JsRender..


當麻許的超技八 2014 | Donma Hsu Design.