Programing

發表文章

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

[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[...

閱讀完整內容

[HTML] 文字浮水印效果 text watermark css

[.css] .info-mask { height: 0; position: absolute; margin-top:120px; } .info-opacity { opacity: 0.8; color: black; } .info-text { color: gray; font-size: 40px; -webkit-transform: rotate(-5deg); line-height: 60px; max-width:1200px; letter-spacing:3px; padding-left:0.8em; } [.html] <div class="info-mask"> <p class="info-text"> WaterMarkText </p> </div> <table class="table table-bordered table-striped table-responsive table-hover" style="position: relative;" > <tbody class="info-opacity" > ...

閱讀完整內容

[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

閱讀完整內容

[HTML] PostBack 後 ScrollarBar 維持原位置

[HTML] //支援所有瀏覽器 < script type = "text/javascript"> window.onload = function () { var scrollY = parseInt( ' <% =Request.Form["scrollY"] %> ' ); if (!isNaN(scrollY)) { window.scrollTo(0, scrollY); } }; window.onscroll = function () { var scrollY = document.body.scrollTop; if (scrollY == 0) { if (window.pageYOffset) { ...

閱讀完整內容

[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) } } ...

閱讀完整內容

[Ajax] 利用 POST 同步傳值

//index.aspx [HTML] <head> <script type="text/javascript"> function invoiceLog( d1 , d2 ) { $.ajax({ type: 'POST', contentType: 'application/json;', data: '{data1:"' + d1 + '", data2:"' + d2 + '"}', //傳值 dataType: 'json', async: false, url: 'url.aspx/ FunctionName ', //url.aspx:傳值到指定的網址 ; FunctionName:呼叫.cs的function success: function (result) { alert(result.d.RtnMsg); // } }); } </scr...

閱讀完整內容

[HTML] 文字過長之截斷或字串+"..."

原始字串："我是標準字串拉拉拉拉拉拉拉拉拉我是標準字串拉拉拉 " 文字超過指定寬度--> "我是標準字串拉拉拉... " style="overflow:hidden;text-overflow:ellipsis;white-space: nowrap;width:420px" 文字強迫截斷，不換行 --> "我是標準字串拉拉拉" style="word-break: break-all;"

閱讀完整內容

[ASP.NET] 解決 JQuery 之 Reload 時失效問題

[HTML] <script type="text/javascript"> function JQreload() { Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler); } function EndRequestHandler() { //這裡放要執行的JQuery,直接複製一模一樣的就可以囉^^ } </script> [.CS] protected void Page_Load(object sender, EventArgs e) { ClientScript.RegisterStartupScript(ClientScript.GetType(), "myscript", "<script type=\"text/javascript\">JQreload();</script>"); }

閱讀完整內容

[ASP.NET] 利用 WebForm_DoCallback 傳取值

[HTML] <head runat="server"> <script type="text/javascript"> function btnCall(c) { CallTheServer(c, ""); } function CallTheServer(arg, context) { WebForm_DoCallback('__Page', arg, ReceiveServerData, context, null, false) } function ReceiveServerData(result) { document.getElementById('ID').innerHTML = result; //取值 } </script> </head> <body> <form id="form1" runat="server">  <a href='#' onclick='btnCall(<%#Eval("ID") %>);return false;' > </form> </body> [.CS] public partial class PageName: System.Web.UI.Page, ICallbackEventHandler { ...

閱讀完整內容