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 取值 設定值 用法
--

最近常常前端寫一寫

發現忘了OO怎麼取值 怎麼設定值

就趁機整理一份成一篇文章好了

主要應該分成    取值  取自定屬性 設定值

TextBox    (最基本的)

Html定義
<input type="text" name="text1" value="text" test="測試用" /> 

取值
$('input[name="text1"]').val();
取自訂屬性
$('input[name="text1"]').attr("test");
設定值
$('input[name="text1"]').val("text123");
設定自訂屬性
$('input[name="text1"]').attr("test","測試用123");

Checkbox

Html定義
<label>
<input type="checkbox" name="check1" value="a" test="b" />Check
</label>

取值
$('input[name="check1"]').val()
取自訂屬性
$('input[name="check1"]').attr("test")
取得是否被勾選
$('input[name="check1"]').prop("checked");
設定值
$('input[name="check1"]').val("text123");
設定自訂屬性
$('input[name="check1"]').attr("test","測試用123");
設定勾選
$('input[name="check1"]').prop("checked",true);

RadioButton

Html定義
<label><input type="radio" name="radio1" value="0" text="test1" checked />測試</label>
<label><input type="radio" name="radio1" value="1" text="test2" />實作</label>

取得現在選取的值
$('input[name="radio1"]:checked').val()
取現在選取的自訂屬性
$('input[name="radio1"]:checked').attr("text")
設定測試為勾選狀態
$('input[name="radio1"][value="0"]').prop("checked",true);
取得此欄位是否為勾選狀態
$('input[name="radio1"][value="0"]').is(':checked')

Dropdownlist

Html定義
<select name="select1">
    <option value="val1" Text="text1" test="test1" >1</option>
    <option value="val2" Text="text2" test="test2" SELECTED>2</option>

</select>

取得現在選取的值
$('select[name="select1"]').val()
取得現在選取的自訂屬性 (兩種都可以)
$('option:selected', 'select[name="select1"]').attr('test');
$( 'select[name="select1"] :selected').attr('test');
設定現在選取的值 (兩種效果一樣)
$('select[name="select1"]').val("val1");
$('select[name="select1"]').val("1");
取得此選項是否為勾選狀態
$('select[name="select1"] option[value="val2"]').is(':selected');
取所有option 看是否為勾選
$('select[name="select1"] option').each(function(){
    alert($(this).is(':selected'));

});

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

HTML5 Forms
在HTML5對form做了一些改變,如下

新的input type
新的form 元件
新的form 屬性
增加的input type有以下13種,如果瀏覽器不支援以下類型,會預設為text,讓網頁製作更為方便

Search   --手機鍵盤上會有search鈕
Email    --手機鍵盤上會有@、.符號
URL      --手機鍵盤上會有.、/、.com符號
Tel         --手機跳出數字鍵盤
Number --手機跳出數字鍵盤,桌機輸入框旁有加減鈕
Range    --會出現一可往左右拉的選取條
Date       --手機上會跳出日期選擇,桌機出現日曆
Month    --與Date相似,但只能選月份
Week     --與Date相似,但只能選某星期
Time      --可選時間
Datetime   --可選時間與日期
Datetime-local
Color      --可以呼叫調色盤

Datalist
datalist可以在網頁上建立一個輸入框,與select有些類似,但使用者是以文字輸入,當使用者輸入第一個字時,下方會自動跳出開頭一樣的選項(類似google)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - -
<input type="text" list="browers" />     --list與id要相同
<datalist id="browers">     --id與list要相同
     <option value="Firefox">     --選項
     <option value="Chrome">
     ....
</datalist>

form屬性
在HTML5中,form增加了14種屬性,以下介紹 Placeholder、Autofocus、Required及Pattern 4種

Placeholder
Placeholder是input的預設值,用來說明要輸入的資料為何(Email、電話...),只要使用者輸入資料,預設值就會自動刪除
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - -
<input type="text"placeholder="Enter your Email.."/>

Autofocus
當網頁開啟時,焦點會自動移至autofocus的input
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - -
<input  type="text" autofocus />

Required
若input中有required屬性,那麼該input必須要有值才可以送出,如果沒有輸入值是無法送出的
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - -
<input type="text" required />

Pattern
若input中有Pattern屬性,那麼該input有限制的格式,範例要輸入0-9組成的三位數數值,如果沒有符合條件,是無法送出的
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - -
<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]
---
引用來源

<html>
<head>

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

</head>
<body>
  <h1>Check if "enter" is pressed with jQuery</h1>

<label>TextBox : </label>
<input id="textbox" type="text" size="50" />

<script type="text/javascript">

$('#textbox').keypress(function(event){

    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){
        alert('You pressed a "enter" key in textbox');
    }
    event.stopPropagation();
});

$(document).keypress(function(event){

    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13'){
        alert('You pressed a "enter" key in somewhere');
    }

});

</script>
</body>
</html>