Programing

發表文章

目前顯示的是有「JavaScript」標籤的文章

[JS/JQ] 捲動卷軸增加結果 (一直拉捲動,顯示越來越多)

//捲到底次數(像分頁一樣) var sindex; $(function () { //begin get data from 1. sindex = 1; showDetial(sindex); $(window).scroll(function () { var $BodyHeight = $(document).height(); var $ViewportHeight = $(window).height(); $ScrollTop = $(this).scrollTop(); if ($BodyHeight == ($ViewportHeight + $ScrollTop)) { //scroll bar then add search index. sindex++; //get data. showDetial(sindex); } }); //avoid click F5 when scrollerbar not in bottom then default run scroll that have same data, so this check user if click buttom that scroll to top. $(window).keydown(function (e) { ...

閱讀完整內容

[JS] Facebook 登入 & 取FB大頭照

[.js] window.fbAsyncInit = function () { FB.init({ appId: ' fbid ', cookie: true, xfbml: true, version: 'v2.2' }); }; (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); function FBLogin() { FB.login(function (response) { if (response.status === 'connected') { //登入成功 UserLogin(); } else if (response.status === 'not_authorized') { ...

閱讀完整內容

[HTML] 上傳檔案 drap and drop

[.html] <div id="divImg"> <input id="Img" name="Img" type="file"> <img id="img" style="display:none;" src="" alt="圖片"> </div> [.js] var files; $("#Img").change(function () { if (this.files && this.files[0]) { FilePrepareUpload(this.files[0], this.files); } }); $('#divImg').on('drop', function (e) { if (e.originalEvent.dataTransfer) { if (e.originalEvent.dataTransfer.files.length) { e.preventDefault(); e.stopPropagation(); FilePrepareUpload(e.originalEvent.dataTransfer.files[...

閱讀完整內容

[JQuery] Checkbox & Select (ddl) 用Name取Array

[Html] @foreach (var item in Model.QueryList) { <input type="checkbox" name="chklist" value="@item.Id" /> <select name="ddllist"> <option value="@item.Id">@item.Id</option> </select> } <script> //1,2,3 -- type:string[] var chkvalues = $("input[name$='chklist']:checked").map(function () { return this.value; }).get(); //1,2,3 -- type:string[] var ddlValues = $("select[name=ddllist]").map(function () { return this.value; }).get(); </script>

閱讀完整內容

[HTML/MVC] 連動 Dropdownlist 後端->View

[.CS] var result = new SelectList(new[] { new { Id = "A", Name = "Code A" }, new { Id = "B", Name = "Code B" }, new { Id = "C", Name = "Code C" }, }, "Id", "Name"); ViewBag.DDLData = result; [HTML] <select name="ddlT" id="ddlID"> @foreach (var item in (SelectList)ViewBag.DDLData) { <option value="@item.Value" >@item.Text</option> } </select> <sele...

閱讀完整內容

[JavaScript] 利用 Regex 截取(取代)文字

利用Regex 取愈取代的片段 [HTML] < script type ="text/javascript"> function RerutnStr() { //<form xxx> 開頭 var str = document.getElementById( "txtStr" ).value; var pattern = new RegExp( '<form[^>]*>' ); var result = str.replace(pattern, '' ); //</form> 結尾 pattern = new RegExp( '</form[^>]?>' ); result = result.replace(pattern, '' ); document.getElementById("divView").innerText = ...

閱讀完整內容

[ASP.NET] 建立多國語系

ASP.NET使用 Language.resx 檔在.cs Label1 .Text = Resources. Language .名稱; 在aspx Text='<%$ Resources:Language, 名稱%>' 在js or 網頁中 alert( "<%= Resources.Language.名稱 %>" ); 在MVC 網頁中 @Resources.Language.名稱 < system.web > < globalization culture = "auto" uiculture = "auto" enableclientbasedculture = "true" > </ globalization ></ system.web > 參考網址 http://marco.easyusing.com/2014/04/aspnet-resourceresx.html

閱讀完整內容

[JavaScript] 使用 Underscore.js 來增進與擴充物件

Underscore 網址： http://documentcloud.github.io/underscore/ ◎請先確保程式中已經使用的 JavaScript 程式庫或框架並未提供那些你需要的功能。

閱讀完整內容

[JavaScript] 多個 input Checkbox(Radiobutton) 像陣列取值

[HTML] <head runat="server"> <script type="text/javascript"> function chkvalue(theform) { var listLen = theform.namedata.length; //計算 namedata 數量 var str= "" for (var i = 0; i < listLen; i++) { if (theform.namedata[i].checked) { //如果checked intr += theform.namedata[i].value + " " //取值 } } if ( len(str) > 0 ) { alert("checked value : " + intr) } } ...

閱讀完整內容