數字增加器;number increase embed (JQuery Plugin)

今日流量：100
2009自HIGH機本著不另BLOGGER們著眼於流量所製作之：
現更名為「數字增加器」
貼上下列的code於您的blog中

I design this blog embed for bloggers who do focus on the visited counter ,they can use this to add their visited counter bar

just paste on your blog.

<script src="http://www.google.com/jsapi?key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q"></script>
<script>google.load("jquery", "1");function OnLoad(){ $.getScript('http://wolkejqueryplugin.appspot.com/jqWL/WL_CountBar.js',function() {$("#blog_hit_daily").WL_CountBar();//#blog_hit_daily =ID名稱請自行依需求更換,this name by your need  })}    google.setOnLoadCallback(OnLoad);</script>

2009年的最後一天之年末自high機

更多内容 http://wolkesau.pixnet.net/blog/post/29818525#ixzz0mBjMi6Za

輸入文字強迫替換器;input words changer(JQuery Plugin)

老女上司產生器是我去年再看羞昂的書「宅女日記」時，一時有感而發的點子，經過一些修改，再重新推出，且正名為「輸入文字強迫替換器」
以較為符合其功能為名。
This embed is designed for someone who want to change the comment's words,for example you can type '123' in below textbox,itwould be the '456' and put 'abc' would be 'dabce'.


輸入123會換成456，輸入abc會變成fabce，將下面code碼貼入Blog內

<script src="http://www.google.com/jsapi?key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q"></script>
<script>google.load("jquery", "1");var repJson=[{'ori':'123','rep':'456','prefixes':'','suffixes':''},{'ori':'abc','rep':'abc','prefixes':'d','suffixes':'e'}];//依照規則可以新增新的替換文字 follow the rule ,you can add new words
function OnLoad(){$.getScript('http://wolkejqueryplugin.appspot.com/jqWL/WL_autoUpdateWord.js',function(){
$('#content').WL_autoUpdateWords(repJson);//#content請依照自已的id囉! #content by your needed
})}
google.setOnLoadCallback(OnLoad);</script>

Blogspot的留言模式用的是iframe所以我沒法將功能用於此blogspot的昌言板，但其他的blog平台，應該是沒啥問題。
Blogspot use 'iframe' to be the comment,so can't change the value,but in the other blog service should be OK.

標籤淘氣啪啪走器;tags move naughty embed(JQuery Plugin)

淘氣的送出紐是我去年(2009)於前blog上發佈，
近日有時間，稍微做了一點更正，
因為不只可以用於button標籤上，
也可以用於其他標籤，
所以更正名稱為「標籤淘氣啪啪走」。
主要還是用JQuery所撰寫，
有興趣的朋友可放在自已的Blog上，
讓某個Tag一直跑還滿有趣的。

tags move naughty embed designed for elements on the blog , you let it move naughty, I think it`s interesting.

直接將下列code碼，置入您的Blog中就可以了
just put the code into your blog

<script src="http://www.google.com/jsapi?key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q">
</script>
<script>google.load("jquery", "1");function OnLoad(){

var strList={'felling':['ha','hi','h~','gi','gg','bb'],'word':['wait','give me a second']};//參數strList的felling和word的值可以做更換;you can change the parameter 'strList' for example:  ，例如：strList={'felling':['嗨','yes','h~','gi','gg','bb'],'word':['等一下','give me a second']};


$.getScript('http://wolkejqueryplugin.appspot.com/jqWL/WL_DoNaughty.js',function(){
$('#comments').WL_DoNaughty(strList);//#comments為id名稱，請自行更換您所指定的物件;#comments is the object's name by your needed

})};google.setOnLoadCallback(OnLoad);
</script>

實作教學Facebook Application+JQuery + Google App Engine 初章.1

想要研究一下這一塊，發現中文網頁，竟然沒什麼相關資料，

可能因為是阿共仔屏蔽了Facebook吧!!

那好，我就把我目前就研究到此的作法和心得寫一寫，

以免後進走太多冤妄路，

想要撰寫我標題所說的Facebook +JQuery+ GAE

你必需具備：

1. HTML基礎
2. Python基礎
3. Google帳號和已認證的可用的GAE帳號
4. GAE的架構
5. Facebook的架構
6. FBML,FBJS的撰寫

上述可參考上官林傑的 Google應用服務引擎開發實戰及這邊可參考 賽大的 Facebook與funP應用程式設計

http://www.books.com.tw/exep/prod/booksfile.php?item=0010443092

http://www.books.com.tw/exep/prod/booksfile.php?item=0010445951

PS:這本用的是Facebook自行開發的PHP API，和我們要用的pyfacebook不同，

不過除了部份API不支援，其實大部份都是相通的，盡請安心服用。

Javascript基礎(初章暫不需)

Javascript書很多，本人推薦 JavaScript私房書

http://www.books.com.tw/exep/prod/booksfile.php?item=0010294368

JQuery基礎(初章暫不需)

我找不到覺得優的書，所以我都只直看網站的turtuial，不過歡迎大家推薦一下

IP分享器映射http port至你的電腦

各家分享器做法不同，請參考你的說明書

---

ok 重點來了..

本初章先將焦點放在如何在GAE上運行pyfacebook進而開發facebook的application

Pyfacebook基礎，網路神人團所撰寫的pyfacebook 用python撰寫的可以和facebook 溝通的Server端API可供GAE使用開發

pyfacebook:

http://github.com/sciyoshi/pyfacebook/

1.首先將 pyfacebook下載解壓後，存至gae目錄下

2.在pyfacebook目錄裡建置app.yaml

內容如下:

application: whatever

version: 1

runtime: python

api_version: 1

handlers:

- url: .*

script:main.py

主檔main.py

內容如下

# -*- coding: utf-8 -*-

import cgi
import sys, os
import wsgiref.handlers

from google.appengine.ext import webapp
from google.appengine.ext.webapp import template
import facebook
from facebook import FacebookError

FACEBOOK_API_KEY = '你的key' #如何申請請自行參閱，不詳述囉
FACEBOOK_SECRET_KEY = '你的key'
_DEBUG = True

class MainPage(webapp.RequestHandler):
def get(self):
#def post(self):
fb = facebook.Facebook(FACEBOOK_API_KEY, FACEBOOK_SECRET_KEY)
if fb.check_session(self.request) and fb.added:
pass
else:
url = fb.get_add_url()
self.response.out.write('<script language="javascript">top.location.href="' + url + '"</script>')
return

#get friend list begin
friend_ids = fb.friends.get()
friend_ids.append(fb.uid)

info = fb.users.getInfo(friend_ids, ['name', 'pic_square', 'uid'])
template_values={}
template_values={'info': info}
#get friend list end

for i in info:

self.response.out.write('<img src='+i['pic_square']+' />'+i['name']+'<br />')

def main():
application = webapp.WSGIApplication([('/',Mainpage)],debug=_DEBUG)
wsgiref.handlers.CGIHandler().run(application)

if __name__ == "__main__":
main()

執行一下你的dev_appserver.py --address=映射好的內納IP --port=80 demos/pyfacebook

(其實你也可以直接下appcfg.py上傳你的程式至GAE上，不過這樣初期開發會增加很時間成本)

設定你的facebook developer 你的應用程式

將Canvas URL:設定為你的外網IP(或是GAE的應用程式網址)

運行一下:

http://apps.facebook.com/你的facebook網址/
(請輸入你的facebook app 網址)

將 將!!!

你就會看到你的朋友列表了

預告：目前是使用iframe的方式，

第二節來說一下FBML好了

心願便利貼beta 1.0

願望...

又將是新年的開始....

你的心裡有什麼願望呢?

來貼上您的心願，

大家一起願望集氣吧!

http://apps.facebook.com/fbwishtwentyten/





後記：

撰寫方式：

GAE + pyfacebook + fbjqry

GAE存data

fbjqry做effect

GAE SDK要更新到最新版，不然一直會有奇怪的error

fbjqry本身只到0.2版

撰寫時有發現一些bug

fadeIn callback等不能執行...待大德debug

架構，

資料和css是分開的，

理論上要改成什麼版都可以吧!

過兩天將 心願便利貼，

改個版型 心牆 版，

等我吧~ 寶貝，

這個程式，應該可以玩到農曆過年前吧!

快過年時，再搞個龍山寺版好了~

滿天神佛都請來加持一下，

肯定心願會實現的!

哈!!!!!!





2009.1227

BUG:

IE6-IE8無法執行

FF fadeOut有時會失敗





2009.1228

debug:

ie可運行

BUG:

1.有時得到JSON DATA後，<--原因出自JSON data產生太慢，因為 getinfo這個api有時會等太久或失敗

轉換為網路原件很久

2.IE 更久..

3.CLICK MSG.val('')

4.CPU時間要想想如何減低...(要用memchche)

5.click should link to personal page.

6.js中文轉換亂碼

7.缺NOTIFICATION

8.自動轉址要用fb:redirect才正常

DEBUG:

3,5,6

2009.1230

想方設法於首頁改用FBML來減低gae的CPU TIME等待過久的問題