kyle'sBlog: 2014

2014年12月30日星期二

使用自訂頁面整合Google表單

參考文件：
- https://blog.toomore.net/2008/07/google_15.html
- https://www.arno.tw/google-doc-advanced/
在Google文件建立表單 (表單範例)
- https://docs.google.com/forms/d/1sOkOsk6_mHcT_aT1CQ78We9KfK0iwE_a852pWyKfGCw/edit

設定好表單之後，檢視其原始碼，將其原始碼複製出來改寫。
改寫內容如下：


	<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>測試google表單</title>

	</head>

	<body>
	<form method='POST' action='https://docs.google.com/forms/d/1sOkOsk6_mHcT_aT1CQ78We9KfK0iwE_a852pWyKfGCw/formResponse'>
	<a href='https://docs.google.com/forms/d/1sOkOsk6_mHcT_aT1CQ78We9KfK0iwE_a852pWyKfGCw/formResponse'>重新填寫</a>
	<div class="ss-form-question errorbox-good" role="listitem">
	<div dir="ltr" class="ss-item ss-item-required ss-text">
	<div class="ss-form-entry">
	<label class="ss-q-item-label" for="entry_9265193">
	<div class="ss-q-title">
	姓名
	<label for="itemView.getDomIdToLabel()" aria-label="(必填欄位)"></label>
	<span class="ss-required-asterisk" aria-hidden="true">*</span>
	</div>
	<div class="ss-q-help ss-secondary-text" dir="ltr">請輸入姓名</div>
	</label>
	<input type="text" name="entry.9265193" value="" class="ss-q-short" id="entry_9265193" dir="auto" aria-label="姓名請輸入姓名 " aria-required="true" required="" title="" />
	<div class="error-message" id="746091792_errorMessage"></div>
	<div class="required-message">這是必填問題</div>
	</div>
	</div>
	</div> <div class="ss-form-question errorbox-good" role="listitem">
	<div dir="ltr" class="ss-item ss-item-required ss-radio">
	<div class="ss-form-entry">
	<label class="ss-q-item-label" for="entry_951819516">
	<div class="ss-q-title">
	性別
	<label for="itemView.getDomIdToLabel()" aria-label="(必填欄位)"></label>
	<span class="ss-required-asterisk" aria-hidden="true">*</span>
	</div>
	<div class="ss-q-help ss-secondary-text" dir="ltr"></div>
	</label>

	<ul class="ss-choices" role="radiogroup" aria-label="性別 ">
	<li class="ss-choice-item">
	<label>
	<span class="ss-choice-item-control goog-inline-block"><input type="radio" name="entry.186054663" value="男" id="group_186054663_1" role="radio" class="ss-q-radio" aria-label="男" required="" aria-required="true" /></span>
	<span class="ss-choice-label">男</span>
	</label>
	</li>
	<li class="ss-choice-item">
	<label>
	<span class="ss-choice-item-control goog-inline-block"><input type="radio" name="entry.186054663" value="女" id="group_186054663_2" role="radio" class="ss-q-radio" aria-label="女" required="" aria-required="true" /></span>
	<span class="ss-choice-label">女</span>
	</label>
	</li>
	</ul>
	<div class="error-message" id="951819516_errorMessage"></div>
	<div class="required-message">這是必填問題</div>
	</div>
	</div>
	</div> <div class="ss-form-question errorbox-good" role="listitem">
	<div dir="ltr" class="ss-item ss-item-required ss-text">
	<div class="ss-form-entry">
	<label class="ss-q-item-label" for="entry_948976255">
	<div class="ss-q-title">
	電話
	<label for="itemView.getDomIdToLabel()" aria-label="(必填欄位)"></label>
	<span class="ss-required-asterisk" aria-hidden="true">*</span>
	</div>
	<div class="ss-q-help ss-secondary-text" dir="ltr">請輸入連絡電話</div>
	</label>
	<input type="text" name="entry.948976255" value="" class="ss-q-short" id="entry_948976255" dir="auto" aria-label="電話請輸入連絡電話 " aria-required="true" required="" title="" />
	<div class="error-message" id="237314664_errorMessage"></div>
	<div class="required-message">這是必填問題</div>
	</div>
	</div>
	</div> <div class="ss-form-question errorbox-good" role="listitem">
	<div dir="ltr" class="ss-item ss-item-required ss-text">
	<div class="ss-form-entry">
	<label class="ss-q-item-label" for="entry_760882479">
	<div class="ss-q-title">
	信箱
	<label for="itemView.getDomIdToLabel()" aria-label="(必填欄位)"></label>
	<span class="ss-required-asterisk" aria-hidden="true">*</span>
	</div>
	<div class="ss-q-help ss-secondary-text" dir="ltr">請輸入電子郵件</div>
	</label>
	<input type="text" name="entry.760882479" value="" class="ss-q-short" id="entry_760882479" dir="auto" aria-label="信箱請輸入電子郵件 " aria-required="true" required="" title="" />
	<div class="error-message" id="1172677821_errorMessage"></div>
	<div class="required-message">這是必填問題</div>
	</div>
	</div>
	</div> <div class="ss-form-question errorbox-good" role="listitem">
	<div dir="ltr" class="ss-item ss-item-required ss-text">
	<div class="ss-form-entry">
	<label class="ss-q-item-label" for="entry_687106558">
	<div class="ss-q-title">
	信件主旨
	<label for="itemView.getDomIdToLabel()" aria-label="(必填欄位)"></label>
	<span class="ss-required-asterisk" aria-hidden="true">*</span>
	</div>
	<div class="ss-q-help ss-secondary-text" dir="ltr">請輸入信件主旨</div>
	</label>
	<input type="text" name="entry.687106558" value="" class="ss-q-short" id="entry_687106558" dir="auto" aria-label="信件主旨請輸入信件主旨 " aria-required="true" required="" title="" />
	<div class="error-message" id="1107808288_errorMessage"></div>
	<div class="required-message">這是必填問題</div>
	</div>
	</div>
	</div> <div class="ss-form-question errorbox-good" role="listitem">
	<div dir="ltr" class="ss-item ss-item-required ss-paragraph-text">
	<div class="ss-form-entry">
	<label class="ss-q-item-label" for="entry_902898693">
	<div class="ss-q-title">
	信件內容
	<label for="itemView.getDomIdToLabel()" aria-label="(必填欄位)"></label>
	<span class="ss-required-asterisk" aria-hidden="true">*</span>
	</div>
	<div class="ss-q-help ss-secondary-text" dir="ltr">請輸入信件內容</div>
	</label>
	<textarea name="entry.902898693" rows="8" cols="0" class="ss-q-long" id="entry_902898693" dir="auto" aria-label="信件內容請輸入信件內容 " aria-required="true" required=""></textarea>
	<div class="error-message" id="1504906042_errorMessage"></div>
	<div class="required-message">這是必填問題</div>
	</div>
	</div>
	</div>
	<input type="submit" name="submit" value="提交" id="ss-submit" class="jfk-button jfk-button-action " />
	</form>
	</body>
	</html>

view raw googleForm hosted with ❤ by GitHub

填完發送之後，一樣可以成功收到內容。

使用者可以自訂通知規則，讓使用者填完表單之後，通知管理者。

所以我們就可以擺脫掉醜醜的google表單，自訂喜歡的樣式。

因為資料是POST給google表單，所以會導到已收到回覆表單的確認頁面。

所以容易讓使用者離開原來的網站，所以這邊可以做一些改寫。
透過jquery post後導頁到自訂確認畫面。


	<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>測試google表單</title>
	<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
	<script type="text/javascript">

	$(function () {
	var $form = $('form');
	$form.submit(function () {
	//event.preventDefault();
	$.post($(this).attr('action'), $(this).serialize(), function (response) {
	alert('success');
	}, 'json').always(function () {
	location.href = 'thankyou.html';
	});

	return false;
	})
	});
	</script>
	</head>

	<body>
	<form method='POST' action='https://docs.google.com/forms/d/1sOkOsk6_mHcT_aT1CQ78We9KfK0iwE_a852pWyKfGCw/formResponse'>
	<a href='https://docs.google.com/forms/d/1sOkOsk6_mHcT_aT1CQ78We9KfK0iwE_a852pWyKfGCw/formResponse'>重新填寫</a>
	<div class="ss-form-question errorbox-good" role="listitem">
	<div dir="ltr" class="ss-item ss-item-required ss-text">
	<div class="ss-form-entry">
	<label class="ss-q-item-label" for="entry_9265193">
	<div class="ss-q-title">
	姓名
	<label for="itemView.getDomIdToLabel()" aria-label="(必填欄位)"></label>
	<span class="ss-required-asterisk" aria-hidden="true">*</span>
	</div>
	<div class="ss-q-help ss-secondary-text" dir="ltr">請輸入姓名</div>
	</label>
	<input type="text" name="entry.9265193" value="" class="ss-q-short" id="entry_9265193" dir="auto" aria-label="姓名請輸入姓名 " aria-required="true" required="" title="" />
	<div class="error-message" id="746091792_errorMessage"></div>
	<div class="required-message">這是必填問題</div>
	</div>
	</div>
	</div> <div class="ss-form-question errorbox-good" role="listitem">
	<div dir="ltr" class="ss-item ss-item-required ss-radio">
	<div class="ss-form-entry">
	<label class="ss-q-item-label" for="entry_951819516">
	<div class="ss-q-title">
	性別
	<label for="itemView.getDomIdToLabel()" aria-label="(必填欄位)"></label>
	<span class="ss-required-asterisk" aria-hidden="true">*</span>
	</div>
	<div class="ss-q-help ss-secondary-text" dir="ltr"></div>
	</label>

	<ul class="ss-choices" role="radiogroup" aria-label="性別 ">
	<li class="ss-choice-item">
	<label>
	<span class="ss-choice-item-control goog-inline-block"><input type="radio" name="entry.186054663" value="男" id="group_186054663_1" role="radio" class="ss-q-radio" aria-label="男" required="" aria-required="true" /></span>
	<span class="ss-choice-label">男</span>
	</label>
	</li>
	<li class="ss-choice-item">
	<label>
	<span class="ss-choice-item-control goog-inline-block"><input type="radio" name="entry.186054663" value="女" id="group_186054663_2" role="radio" class="ss-q-radio" aria-label="女" required="" aria-required="true" /></span>
	<span class="ss-choice-label">女</span>
	</label>
	</li>
	</ul>
	<div class="error-message" id="951819516_errorMessage"></div>
	<div class="required-message">這是必填問題</div>
	</div>
	</div>
	</div> <div class="ss-form-question errorbox-good" role="listitem">
	<div dir="ltr" class="ss-item ss-item-required ss-text">
	<div class="ss-form-entry">
	<label class="ss-q-item-label" for="entry_948976255">
	<div class="ss-q-title">
	電話
	<label for="itemView.getDomIdToLabel()" aria-label="(必填欄位)"></label>
	<span class="ss-required-asterisk" aria-hidden="true">*</span>
	</div>
	<div class="ss-q-help ss-secondary-text" dir="ltr">請輸入連絡電話</div>
	</label>
	<input type="text" name="entry.948976255" value="" class="ss-q-short" id="entry_948976255" dir="auto" aria-label="電話請輸入連絡電話 " aria-required="true" required="" title="" />
	<div class="error-message" id="237314664_errorMessage"></div>
	<div class="required-message">這是必填問題</div>
	</div>
	</div>
	</div> <div class="ss-form-question errorbox-good" role="listitem">
	<div dir="ltr" class="ss-item ss-item-required ss-text">
	<div class="ss-form-entry">
	<label class="ss-q-item-label" for="entry_760882479">
	<div class="ss-q-title">
	信箱
	<label for="itemView.getDomIdToLabel()" aria-label="(必填欄位)"></label>
	<span class="ss-required-asterisk" aria-hidden="true">*</span>
	</div>
	<div class="ss-q-help ss-secondary-text" dir="ltr">請輸入電子郵件</div>
	</label>
	<input type="text" name="entry.760882479" value="" class="ss-q-short" id="entry_760882479" dir="auto" aria-label="信箱請輸入電子郵件 " aria-required="true" required="" title="" />
	<div class="error-message" id="1172677821_errorMessage"></div>
	<div class="required-message">這是必填問題</div>
	</div>
	</div>
	</div> <div class="ss-form-question errorbox-good" role="listitem">
	<div dir="ltr" class="ss-item ss-item-required ss-text">
	<div class="ss-form-entry">
	<label class="ss-q-item-label" for="entry_687106558">
	<div class="ss-q-title">
	信件主旨
	<label for="itemView.getDomIdToLabel()" aria-label="(必填欄位)"></label>
	<span class="ss-required-asterisk" aria-hidden="true">*</span>
	</div>
	<div class="ss-q-help ss-secondary-text" dir="ltr">請輸入信件主旨</div>
	</label>
	<input type="text" name="entry.687106558" value="" class="ss-q-short" id="entry_687106558" dir="auto" aria-label="信件主旨請輸入信件主旨 " aria-required="true" required="" title="" />
	<div class="error-message" id="1107808288_errorMessage"></div>
	<div class="required-message">這是必填問題</div>
	</div>
	</div>
	</div> <div class="ss-form-question errorbox-good" role="listitem">
	<div dir="ltr" class="ss-item ss-item-required ss-paragraph-text">
	<div class="ss-form-entry">
	<label class="ss-q-item-label" for="entry_902898693">
	<div class="ss-q-title">
	信件內容
	<label for="itemView.getDomIdToLabel()" aria-label="(必填欄位)"></label>
	<span class="ss-required-asterisk" aria-hidden="true">*</span>
	</div>
	<div class="ss-q-help ss-secondary-text" dir="ltr">請輸入信件內容</div>
	</label>
	<textarea name="entry.902898693" rows="8" cols="0" class="ss-q-long" id="entry_902898693" dir="auto" aria-label="信件內容請輸入信件內容 " aria-required="true" required=""></textarea>
	<div class="error-message" id="1504906042_errorMessage"></div>
	<div class="required-message">這是必填問題</div>
	</div>
	</div>
	</div>
	<input type="submit" name="submit" value="提交" id="ss-submit" class="jfk-button jfk-button-action " />
	</form>
	</body>
	</html>

view raw googleFormv2 hosted with ❤ by GitHub

延伸閱讀：
- Google表單自動回信使用FormEmailer

2014年12月29日星期一

MSSQL 透過Database Mail發送信件

MSSQL 在【管理】>【Database Mail】提供發信的功能。

透過組態精靈設定：

啟用Database Mail 功能：

點選加入設定你要使用的SMTP帳戶。

新增DatabaseMail帳戶，請設定容易辨識的名稱，在發信時會用到，目前範例為DBMail。

測試是否設定正確：

使用預存程序發送郵件：

	DECLARE @mailitem_id1 varchar(100)

	DECLARE @ErrorID INT
	DECLARE @RtnCode INT
	EXEC @RtnCode =msdb.dbo.sp_send_dbmail
	@recipients = 'admin@gmail.com',
	@profile_name = 'DBMail',
	@subject = 'TestMail From Database',
	@body_format='HTML',
	@body = '<B>TestMail</B><a>Content</a>',
	@mailitem_id=@mailitem_id1 output

	--錯誤內容
	SET @ErrorID = @@ERROR
	IF @RtnCode <> 0 BEGIN
	SELECT @ErrorID
	END
	ELSE
	BEGIN
	SELECT 'success'
	END

view raw DatabaseMail hosted with ❤ by GitHub

但仔細看一下發信的內容使用到了msdb的資料庫權限，所以不是管理者權限的帳號，
必須授權msdb下的DatabaseUserRole。

2014年12月17日星期三

MSSQL修改設計Table不允許儲存變更

"不允許儲存變更，您所做的變更要求下列資料表必須先卸除然後再重新建立…”

其實是環境設定被預設值保護住了，將此選項拿掉就可以了。

2014年12月13日星期六

JQuery跨網域抓取頁面

同上篇說明，還是要透過第三方程式來處理。

以下為yahoo apis的範例：

var yql = '<a href="http://query.yahooapis.com/v1/public/yql?q=">http://query.yahooapis.com/v1/public/yql?q=</a>' + encodeURIComponent('select * from html where url="' + site + '"') + '&format=xml&callback=cbFunc';
編碼範例：<a title="http://jsfiddle.net/ptskl/bysubkhh/" href="http://jsfiddle.net/ptskl/bysubkhh/">http://jsfiddle.net/ptskl/bysubkhh/</a>

http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22http%3A%2F%2Fwww.systemlead.com%22&format=xml&callback=cbFunc
貼上以上連結就可以取到網頁資訊。

JQuery讀取跨網域XML的方法

Javascript沒辦法直接跨網域存取資料。

可能要透過本地程式處理，或是透過第三方程式來處理。

常見的jQuery外掛，如:JGFeed

引用自https://gist.github.com/psynewave/4220821

	/*
	* jGFeed 1.0 - Google Feed API abstraction plugin for jQuery
	*
	* Copyright (c) 2009 jQuery HowTo
	*
	* Licensed under the GPL license:
	* http://www.gnu.org/licenses/gpl.html
	*
	* URL:
	* http://jquery-howto.blogspot.com
	*
	* Author URL:
	* http://me.boo.uz
	*
	*/
	(function($){
	$.extend({
	jGFeed : function(url, fnk, num, key){
	// Make sure url to get is defined
	if(url == null) return false;
	// Build Google Feed API URL
	var gurl = "http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&callback=?&q="+url;
	if(num != null) gurl += "&num="+num;
	if(key != null) gurl += "&key="+key;
	// AJAX request the API
	$.getJSON(gurl, function(data){
	if(typeof fnk == 'function')
	fnk.call(this, data.responseData.feed);
	else
	return false;
	});
	}
	});
	})(jQuery);

view raw jGfeed.js hosted with ❤ by GitHub

有趣的是，其實他還是透過google api去處理跨網域資料存取。

以下為測試範例：

	<html>
	<head>
	<title>測試</title>
	</head>
	<body>
	<div id='rss-styled'></div>
	<script>
	function showBlogData(data) {
	$("#rss-styled").append('<ul>');
	$.each(data.responseData.feed.entries, function(i, item) {
	var htmlStr = '<li><a href="'+item.link+'">'+item.title+'</a> <span class="news-date">'+item.publishedDate+'</span><br>'+item.contentSnippet+'</li>';
	$("#rss-styled").find('ul').append(htmlStr);
	});
	}

	</script>
	<script src="http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&callback=showBlogData&q=http://edm.systemlead.com/syndication.axd">
	</body>
	</html>

view raw showRssData.html hosted with ❤ by GitHub

2014年12月10日星期三

MVC使用錨點

作法一：使用@Html.ActionLink指令
- @Html.ActionLink("linkText","actionName","controlName","protocol","hostName","fragment",routeValues,htmlAttributes)
- @Html.ActionLink("測試錨點一", "feature", "Home", null, null, "test1", null, new {@class="123"})
- 產生的網址為 /Home/feature/#test1
作法二：直接串在原網址後面
- 測試錨點一
作法三：改路由規則
以下路由規則為示意
- routes.MapRoute("fragment", "{action}.html/{id}#{target}", defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional });

2014年12月2日星期二

IIS Warm-Up

環境：

Windows 2008R2
IIS 7.5
*IIS 8以上內建，【進階設定】＞【預先載入啟用】

參考文章：

https://www.dotblogs.com.tw/jaigi/archive/2013/06/01/105153.aspx
https://blogs.msdn.com/b/amol/archive/2013/01/25/application-initialization-ui-for-iis-7-5.aspx
https://www.microsoft.com/taiwan/technet/iis/expand/ApplicationWarmUp.aspx
https://docs.microsoft.com/en-us/iis/get-started/whats-new-in-iis-8/iis-80-application-initialization

透過Web Platform Installer 安裝 Application Initailization

安裝此工具於IIS上的UI：

安裝完成後，在IIS的【模組】底下，可以看到【AppWarmupModule】。

在IIS上的【其他】，就可以看到【Application Initialization】的圖示。

Warm-Up設定

選擇要設定的Application Pool,並設定StartMode為AlwaysRunning，最後按下Apply即可。

Facebook Debugger-清除快取

https://developers.facebook.com/tools/debug
在input URL 填入網址按下 Debug即可

2014年10月7日星期二

解決更新LINKED SERVER後，發生查詢timeout問題

問題說明：

資料庫透過link server方式連接系統資料，所以結構會發生錯誤。
解決方式是重新繫結link server。
另外繫結成功後，可能會發生查詢緩慢的問題。
如果有使用view 請重新設定一次，刷新或重建索引。因為資料表相關設定異動，所以要重新設計編輯檢視。

重整方式：

資料庫下，點選【檢視】。

選擇紅色部份為此次異動table相關view，點擊右鍵選擇【設計】。

選擇(1)重新執行查詢此檢視表的資料，(2)儲存相關設定。

重複執行相關檢視設定，即可排除此問題。

2014年6月3日星期二

透過JQuery存取public google spreadsheets

參考連結：

https://developers.google.com/google-apps/spreadsheets/?hl=zh-TW

建立完google spreadsheets時，可透過api取得資料(但是需要設定共用權限，權限是屬於private)。

https://spreadsheets.google.com/feeds/worksheets/1tfFQkl7aa4eHlN49J9NdvPUrFmVA3NWBiaHD0arW0jI/private/full

如過要使用json格式，就要設定為public，在檔案設定發佈到網路。

取得json格式：

Demo:

http://jsfiddle.net/ptskl/H77Bg/

2014年5月21日星期三

透過Jquery取得GooglePicasa相簿圖片(JSON)

參考資料：

範例：

json網址：2015年有改版，建議使用photos.googleapis.com的相關方法。

https://picasaweb.google.com/data/feed/api/user/105327625201270500765/albumid/6015020452690553217?kind=photo&alt=json
https://photos.googleapis.com/data/feed/api/user/105327625201270500765/albumid/6015020452690553217?kind=photo&alt=json

	<html>
	<head>
	<title></title>
	</head>
	<body>
	<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
	<script>
	$(function () {
	var rssurl = 'https://picasaweb.google.com/data/feed/api/user/105327625201270500765/albumid/6015020452690553217?kind=photo&alt=json';
	ShowPic(rssurl);;
	});
	function ShowPic(rssurl) {
	$.ajax({
	type: 'GET',
	url: rssurl,
	success: function (data) {
	$.each(data.feed.entry, function (i, item) {
	$('#images').append("Album Photos: <br />");
	//Photo URL
	$.each(item.media$group.media$content, function (i, item) {
	var photo_URL = item.url;
	$('#images').append("Image Photo URL: <br/><img src='" + photo_URL + "'/><br />");
	});
	//Thumbnail URL
	$.each(item.media$group.media$thumbnail, function (i, item) {
	var photo_Thumb_URL = item.url;
	$('#images').append("Image Thumbnail URL: <br/><img src='" + photo_Thumb_URL + "'/><br />");
	});
	//Photo Title
	var photo_Title = item.media$group.media$title.$t;
	$('#images').append("Image Photo_Title: " + photo_Title + '<br />');
	//Photo Description
	var photo_Description = item.media$group.media$description.$t;
	$('#images').append("Image Photo Description: " + photo_Description + '<br /><br />');
	});
	},
	dataType: 'json',
	async: false

	});

	}

	</script>
	<br />
	<div id="images">
	</div>

	</body>
	</html>

view raw GetPicasaData.html hosted with ❤ by GitHub

DEMO：

http://jsfiddle.net/ptskl/kEQ4A/

2014年5月20日星期二

透過JQuery取得flickr相簿RSS資料

參考連結：

取得公開的feed：
https://www.flickr.com/services/feeds/docs/photos_public/

範例：

	<html>
	<head>
	<title></title>
	</head>
	<body>
	<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
	<script src="http://sdepold.github.io/jquery-rss/src/jquery.rss.js"></script>
	<script>
	jQuery(function ($) {
	var rssurl = 'https://api.flickr.com/services/feeds/photos_public.gne?id=113975074@N04';
	//alert(rssurl);
	$("#rss-styled").rss(rssurl, {
	limit: 1000,
	filter: function (entry, tokens) {
	$.each(tokens, function (i, item) {
	if (i == "body") {
	var obj = $('<div/>').append(item);
	$("#rss-styled").append(obj.find('p').eq(1).html());
	}

	});
	}
	}).show();

	});

	</script>
	<div id="rss-styled">
	</div>
	</body>
	</html>

view raw GetFilckrRss.html hosted with ❤ by GitHub

DEMO：

http://jsfiddle.net/ptskl/zM8t3/

透過FaceBook Apps 登入發生失敗

金鑰的部分設定好，網址也對應成功。

但是登入時，發生此錯誤訊息。

檢查了一下設定Status&Review，其中的選項要設為YES，才可以正常使用此App。

相關連結：

https://developers.facebook.com

2014年5月13日星期二

透過jquery定時更換圖片

透過setInterval指令來定時執行某個function。

Source Code：
路口CCTV影像，每隔一秒刷新。

	<html>
	<head>
	<title></title>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
	<script type="text/javascript">


	function show() {
	$('#imgCamera').attr('src', 'http://cctv4.kctmc.nat.gov.tw/axis-cgi/jpg/image.cgi?camera=198');
	}
	$(function () {
	setInterval(show, 1000);
	});
	</script>
	</head>
	<body>
	<img id='imgCamera' style="width:400px" alt="*"/>
	</body>
	</html>

view raw CCDCamera.html hosted with ❤ by GitHub

DEMO：

http://jsfiddle.net/c4E5S/embedded/result/

參考連結：

http://traffic.kctmc.nat.gov.tw/index.jsp

2014年4月29日星期二

透過JQuery取得Rss資料

參考連結：

JQueryRss：https://github.com/sdepold/jquery-rss

使用案例：

	<script src='http://code.jquery.com/jquery-1.10.2.js'></script>
	<script src="http://sdepold.github.io/jquery-rss/src/jquery.rss.js"></script>
	<script>
	jQuery(function ($) {
	$("#rss-styled").rss("http://kylesheng.blogspot.com/feeds/posts/default?alt=rss", {
	limit: 4,
	layoutTemplate: '<ul>{entries}</ul>',
	entryTemplate: '<li><a href="{url}">{title}</a> <span class="news-date">{date}</span><br>{shortBodyPlain}</li>'
	}).show();
	})
	</script><div id='rss-styled'></div>

view raw JQueryRssSample.js hosted with ❤ by GitHub

DEMO：

2014年4月28日星期一

測試

youshop

2014年3月24日星期一

尚未啟用目前資料庫的SQLServer Service Broker

最近在做資料庫備份還原設定的測試，
結果在執行程式是跳出了錯誤訊息
"尚未啟用目前資料庫的SQLServer Service Broker，
因此不支援查詢通知。如果您想要使用通知，請啟用這個資料庫的Service Broker。"

參考文章：

保哥：用SqlCacheDependency快取LINQtoSQL的查詢結果

執行以下語法，啟用Service Broker功能：

ALTER DATABASE [myTableName] SET ENABLEBROKER

指令的確跑很久都不會停止，那是因為有人在使用資料庫。
執行spwho，看看是誰在使用。

若是想要移除某個連線(EX:54)，執行Kill 54指令即可。
此時再次執行"ALTER DATABASE [myTableName] SET ENABLEBROKER"，
即可成功。
也可以使用"SELECT name,isbroker_enabled FROM sys.databases"來檢測是否啟用成功。

2014年1月13日星期一

透過Email發文到FaceBook

FaceBook 提供使用者在設定之中設定專屬的Email。

一般個人FaceBook：

主要電郵地址：其中功能之一可設定某些通知可以寄信給你。
Facebook電子郵件：設定好之後可透過email的方式寄送到Facebook來。一般設定不公開，授權只限本人。

社團：

編輯社團設定中，其中可以設定「社團電郵地址」。
設定好之後，便可以透過此email發文。

粉絲團：

粉絲團的設定藏的頗深，不是很好找。
使用者不須設定，直接取用此email即可。

訂閱：文章 (Atom)

2014年12月30日 星期二

2014年12月29日 星期一

2014年12月17日 星期三

2014年12月13日 星期六

2014年12月10日 星期三

2014年12月2日 星期二

2014年10月7日 星期二

2014年6月3日 星期二

2014年5月21日 星期三

2014年5月20日 星期二

2014年5月13日 星期二

2014年4月29日 星期二

2014年4月28日 星期一

2014年3月24日 星期一

2014年1月13日 星期一

2014年12月30日星期二

2014年12月29日星期一

2014年12月17日星期三

2014年12月13日星期六

2014年12月10日星期三

2014年12月2日星期二

2014年10月7日星期二

2014年6月3日星期二

2014年5月21日星期三

2014年5月20日星期二

2014年5月13日星期二

2014年4月29日星期二

2014年4月28日星期一

2014年3月24日星期一

2014年1月13日星期一