2017年1月25日 星期三

VS2015 IIS Express not start (解決方法)

VS 2015 內建的 IIS Express 偶爾還是會在[ Run ] ASP.NET 啟動模擬器時
完全沒反應! 導入到 瀏覽器時 , 是失敗的!


查看 系統事件 :
應用程式集區 'Clr4IntegratedAppPool' (PID='8336') 的工作者處理序當被要求開始處理 http 要求時,無法初始化 http.sys 通訊,因此,W3SVC 將它視為不正常而加以終止。資料欄位包含錯誤號碼。


-----------
查不出問題在哪! 懷疑是服務部分有相關的啟動失敗了 ; 而影響了 IIS Express 無法正常運作!

解決方法:
重開機!  REBOOT   , 即可解決這怪問題!

2017年1月23日 星期一

JQUERY 取值 設定值 用法

參考引用:[JS] JQUERY 取值 設定值 用法
--

  1. 最近常常前端寫一寫
  2. 發現忘了OO怎麼取值 怎麼設定值
  3. 就趁機整理一份成一篇文章好了
  4. 主要應該分成 取值 取自定屬性 設定值
  5. TextBox (最基本的)
  6. Html定義
  7. <input type="text" name="text1" value="text" test="測試用" />
  8. 取值
  9. $('input[name="text1"]').val();
  10. 取自訂屬性
  11. $('input[name="text1"]').attr("test");
  12. 設定值
  13. $('input[name="text1"]').val("text123");
  14. 設定自訂屬性
  15. $('input[name="text1"]').attr("test","測試用123");
  16. Checkbox
  17. Html定義
  18. <label>
  19. <input type="checkbox" name="check1" value="a" test="b" />Check
  20. </label>
  21. 取值
  22. $('input[name="check1"]').val()
  23. 取自訂屬性
  24. $('input[name="check1"]').attr("test")
  25. 取得是否被勾選
  26. $('input[name="check1"]').prop("checked");
  27. 設定值
  28. $('input[name="check1"]').val("text123");
  29. 設定自訂屬性
  30. $('input[name="check1"]').attr("test","測試用123");
  31. 設定勾選
  32. $('input[name="check1"]').prop("checked",true);
  33. RadioButton
  34. Html定義
  35. <label><input type="radio" name="radio1" value="0" text="test1" checked />測試</label>
  36. <label><input type="radio" name="radio1" value="1" text="test2" />實作</label>
  37. 取得現在選取的值
  38. $('input[name="radio1"]:checked').val()
  39. 取現在選取的自訂屬性
  40. $('input[name="radio1"]:checked').attr("text")
  41. 設定測試為勾選狀態
  42. $('input[name="radio1"][value="0"]').prop("checked",true);
  43. 取得此欄位是否為勾選狀態
  44. $('input[name="radio1"][value="0"]').is(':checked')
  45. Dropdownlist
  46. Html定義
  47. <select name="select1">
  48. <option value="val1" Text="text1" test="test1" >1</option>
  49. <option value="val2" Text="text2" test="test2" SELECTED>2</option>
  50. </select>
  51. 取得現在選取的值
  52. $('select[name="select1"]').val()
  53. 取得現在選取的自訂屬性 (兩種都可以)
  54. $('option:selected', 'select[name="select1"]').attr('test');
  55. $( 'select[name="select1"] :selected').attr('test');
  56. 設定現在選取的值 (兩種效果一樣)
  57. $('select[name="select1"]').val("val1");
  58. $('select[name="select1"]').val("1");
  59. 取得此選項是否為勾選狀態
  60. $('select[name="select1"] option[value="val2"]').is(':selected');
  61. 取所有option 看是否為勾選
  62. $('select[name="select1"] option').each(function(){
  63. alert($(this).is(':selected'));
  64. });

2017年1月7日 星期六

asp.net ajax shopping cart

微軟:Shopping Cart
---
A Simple Example of Shopping Cart With Ajax and ASP.Net
---
Part 8: Shopping Cart with Ajax Updates
---
Shopping Cart Example Code In ASP.NET C# VB.NET GridView
---
Ajax based Shopping cart example in jquery Asp.net  (這個還不錯!)
這個 live 寫法 , 在 jquery 1.9 就取消 ; 所以會失效!! 參考此篇:在jquery1.9+之后就没有live方法了
改採用(即可運作) :
$(document).on('click','.message-but',function(){
    // code...
});

20170111:
這篇真是bug夠多的了!
Session("ShoppingCart") = New ShoppingCartModel()  ' 這地方須加入判斷,不然切點到別的商品就清掉了!!
應改成:
If Session("ShoppingCart") Is Nothing Then
                Session("ShoppingCart") = New ShoppingCartModel()
End If
----
其他還有很多問題,等調整好;再加入本篇!!

jquery教程_jquery ui_jquery表单_jquery插件-jQ酷

jquery教程_jquery ui_jquery表单_jquery插件-jQ酷
---
好多jQuery外掛教程

使用jQuery和Session storage构建客户端购物车系统
---
jQuery之家 自由分享jQuery、html5和css3的插件库
---

網頁手機設計-初成

客戶要開發電腦版web和手機版web
一般會採用2個版本,再去判斷要跑哪一邊的web
進階的都是採用一個版本,但這寫好真的是較累人
----
底下目前的專案設計,版面差不多OK了;已開始加入行為和資料部分! 也是很累...
距離完案,還有80%;也就是...現這些只是完成20%而已!
以前一直開發一般Web , 這次客戶的需求剛好拿來練功力了
(進度超緩慢..要狂啃 jQuery+CSS+Json+...一大堆的)
另外:
我不採用MVC框架設計,依時間上和熟悉度;我還是採用Web Form APP 模式開發!
等這案子完成 , 想..功力定提升不少; 到時再來研究 PhoneGap 的轉APP,真是一發多平台運用了!
-----




2017年1月4日 星期三

font-size css auto

Pure CSS to make font-size responsive based on dynamic amount of characters
Responsive Font Size
----
讓字體隨視窗尺寸放大縮小,控制碼:

CSS3 supports new dimensions that are relative to view port. But this doesn't work in android < 4.4

3.2vw = 3.2% of width of viewport
3.2vh = 3.2% of height of viewport
3.2vmin = Smaller of 3.2vw or 3.2vh
3.2vmax = Bigger of 3.2vw or 3.2vh

HTML/CSS

  1. HTML5 Forms
  2. HTML5form做了一些改變,如下
  3. 新的input type
  4. 新的form 元件
  5. 新的form 屬性
  6. 增加的input type有以下13種,如果瀏覽器不支援以下類型,會預設為text,讓網頁製作更為方便
  7. Search --手機鍵盤上會有search
  8. Email --手機鍵盤上會有@、.符號
  9. URL --手機鍵盤上會有.、/、.com符號
  10. Tel --手機跳出數字鍵盤
  11. Number --手機跳出數字鍵盤,桌機輸入框旁有加減鈕
  12. Range --會出現一可往左右拉的選取條
  13. Date --手機上會跳出日期選擇,桌機出現日曆
  14. Month --與Date相似,但只能選月份
  15. Week --與Date相似,但只能選某星期
  16. Time --可選時間
  17. Datetime --可選時間與日期
  18. Datetime-local
  19. Color --可以呼叫調色盤
  20. Datalist
  21. datalist可以在網頁上建立一個輸入框,與select有些類似,但使用者是以文字輸入,當使用者輸入第一個字時,下方會自動跳出開頭一樣的選項(類似google)
  22. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  23. <input type="text" list="browers" /> --listid要相同
  24. <datalist id="browers"> --idlist要相同
  25. <option value="Firefox"> --選項
  26. <option value="Chrome">
  27. ....
  28. </datalist>
  29. form屬性
  30. HTML5中,form增加了14種屬性,以下介紹 PlaceholderAutofocusRequiredPattern 4
  31. Placeholder
  32. Placeholderinput的預設值,用來說明要輸入的資料為何(Email、電話...),只要使用者輸入資料,預設值就會自動刪除
  33. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  34. <input type="text"placeholder="Enter your Email.."/>
  35. Autofocus
  36. 當網頁開啟時,焦點會自動移至autofocusinput
  37. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  38. <input type="text" autofocus />
  39. Required
  40. input中有required屬性,那麼該input必須要有值才可以送出,如果沒有輸入值是無法送出的
  41. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  42. <input type="text" required />
  43. Pattern
  44. input中有Pattern屬性,那麼該input有限制的格式,範例要輸入0-9組成的三位數數值,如果沒有符合條件,是無法送出的
  45. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  46. <input type="text" pattern="[0-9]{3}" /> --格式是3位數的0-9數字

jquery a href jquery 失效

執行超連結以後jquery失效
---
解決方式:

在<a>加上data-ajax="false"

2017年1月3日 星期二

Bootstrap Metro UI CSS

首页 · Bootstrap Metro UI CSS 中文版
--
Bootstrap 3
--

汽車方向燈 答答很快

開車上班,打著左轉方向燈,答答的聲響,似乎變快了?聽來好急促
---
開車上班,打著左轉方向燈,答答的聲響,似乎變快了?聽來好急促。
試試右轉的方向燈,一切正常。
方向燈快閃!這是怎麼回事?前二天有保養汽車,難道會是因為保養時師傅動到線路?
下班後帶著疑問來到修車廠:『方向燈變快了?前二天才來保養,是否是因為線路動到了?』
聽了我簡單的描述,師傅說:『保養不會動到那裏的線路,我想是因為方向燈泡壞了。』帶著疑惑,看著師傅處理。
單邊方向燈多半是三個,前後外加側邊,檢查之下,果然左前方的燈泡壞了。
師傅三兩下拆卸燈殼,換上新燈泡,就一切正常了。手邊沒帶相機,不然就拍下裝上燈泡前後的閃爍差異影片了。
*********
『方向燈壞掉了?為什麼會影響閃爍的快慢?』國中程度的電學知識告訴我,『方向燈燈泡是並聯線路,才會一個故障,另二個還能正常使用。』可是~如果是並聯,又為什麼一個燈泡故障,連帶使得另二個燈泡的閃爍頻率受到影響,為何又是變快?看來這並非是單純的串並聯問題。
問師傅:『為什麼燈泡壞了,閃爍會變快?』
師傅只簡單說:『燈泡是電阻,燈泡壞了電阻就變了…. 我們靠這個吃飯所以知道。』他反而奇怪我怎麼一直問。
回家做了功課,原來有類似問題的人還不少。用我可以理解的方式將這類資訊整理:為什麼燈炮壞掉後,閃爍速度會變快?原來汽機車控制方向燈閃爍頻率由耗電量來決定,關鍵在『閃爍器』。閃爍器有一定的的規格,主要構造是一個點燈繼電器與主控IC,它是用來控制方向燈的閃動,並且偵測供應方向燈的電流大小是否異常。

----

近日開車打左邊方向燈,就答答聲變快! 原來是有燈泡壞掉了,看來放假要開來去更換燈泡了!

20170107:
今天一大早就開車去汽車維護廠,一進去就直接跟師傅說:切方向燈一直答答聲很快!
師傅問:燈泡壞了! 是切哪一邊?
答:切左邊
師傅又說:那切右邊看看!  看了一下說:把引擎蓋打開
答:好
師傅很快把壞掉燈泡拿下來,一看就說:你這燈泡是特殊的! 一般正規的燈泡很耐用的
我就回答:這車是買中古車 , 我也不知道前車主幹麻要換這種特殊的燈泡!
師傅很快拿了一顆正規的燈泡來,還讓我看一下;說:正規的頭接觸點不會斜斜的!
師傅就換上後,發動車後;哈! 一切正常了!


2017年1月2日 星期一

jquery input search enter ajax json

ow to check if an enter key is pressed with jQuery (這招好)
jQuery function execute on Button Click and Enter/Return (key)
Insert Data Using jQuery Ajax in Asp.net C# [Database MS SQLServer]
---
引用來源

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  4. </head>
  5. <body>
  6. <h1>Check if "enter" is pressed with jQuery</h1>
  7. <label>TextBox : </label>
  8. <input id="textbox" type="text" size="50" />
  9. <script type="text/javascript">
  10. $('#textbox').keypress(function(event){
  11. var keycode = (event.keyCode ? event.keyCode : event.which);
  12. if(keycode == '13'){
  13. alert('You pressed a "enter" key in textbox');
  14. }
  15. event.stopPropagation();
  16. });
  17. $(document).keypress(function(event){
  18. var keycode = (event.keyCode ? event.keyCode : event.which);
  19. if(keycode == '13'){
  20. alert('You pressed a "enter" key in somewhere');
  21. }
  22. });
  23. </script>
  24. </body>
  25. </html>