BlueSpace

2012-12-13

Google API

最近研究JSON
先前只用XML無法跨網域，JSON可以
JSON wiki
JSONP wiki
順便研究了一下Google API
https://developers.google.com/gdata/docs/json
https://developers.google.com/gdata/samples#JSON

目前先搞出Blogger&Picasa的json
其實很簡單，在feeds上
alt=rss改成alt=json
在callback一個自訂的function

Blogger JSON
https://developers.google.com/gdata/samples/blogger_sample
http://blogname.blogspot.com/feeds/posts/default?alt=json&callback=myFunc
blogname－基本上就是blog網址上的名字
json－alt為json，用RSS時alt=rss(https://developers.google.com/picasa-web/faq_gdata?hl=en#json)
myFunc－callback的function自己設

Picasa JSON
http://picasaweb.google.com/data/feed/base/user/TEDsHD/albumid/5263807088660719009?alt=json&callback=photo
TEDsHD/albumid/5263807088660719009
主要是從RSS訂閱點進去在把URL改成
alt=json&callback=photo
photo－為自訂function

圖片網址DOM
feed.entry[i].content.src

json節點可裝Fiddler來觀察
接下來要怎麼搞都行了

2012-11-27

JavaScript 抓取瀏覽器目前顯示高度與寬度

一般都用
window.innerHeight
與
window.innerWidth
但唯獨IE6~IE8不行
Google了一下
發現用
window.document.documentElement.clientHeight
與
window.document.documentElement.clientWidth
便兼容所有瀏覽器

2012-10-31

Google Doodle-萬聖節

10/31 Google為了萬聖節作了一個doodle,利用空閒之餘,稍微抓了一下,不過音效沒抓出來,只有動畫的部分,有興趣的人可以研究看看.

Download

2012-05-23

Google Doodle-電子合成器之父 Robert Moog 78歲誕辰

今天一如往常的用Google,發現有新的Doodle
電子合成器之父 Robert Moog 78歲誕辰
竟然寫了一個可錄音的混音器
稍微玩了一下,還蠻有趣的
二話不說,先抓代碼出來
不過沒啥時間做簡化,code有點亂
Download

2012-04-09

Google Doodle-英國實驗攝影師182歲誕辰

4/9號的今天,Google上出現了一個有趣的Doodle
為了紀念英國實驗攝影師Eadweard J. Muybridge的182歲誕辰
特地作了這個doodle
他利用了視覺暫留的原理把拍攝出連續動作的許多照片作播放這就像以前我們在書角畫火柴人,然後再翻書讓人物動起來的效果一樣.
花了一上午抓code總算抓出來了.
有空在研究js原理.
Download

2011-11-23

在blogger中加入原始碼範例(code)

在寫blog中最麻煩的是加入原始碼範例
在網路上找到一篇蠻容易使用的文章
我便是著做一下,發現還蠻簡單的
在樣板中找出搜尋

</head>

在上方加入

<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' type='text/css' rel='stylesheet' />
<script type='text/javascript' src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js'></script>

搜尋

<body>

在body中加入onload="prettyPrint();"
之後在打文章時,只要用html模式

<pre class="prettyprint">
程式碼
</pre>

要注意的是
&要改成&amp ;
<要改成&lt ;
>要改成&gt ;

From

jQuery判斷頁面是否複雜

在網路上看到一篇文章
內容提到用jQuery的$('*').length
來判斷頁面是否過於複雜,這道理非常簡單
這語法的意思是頁面中所有的元素(或者是說tag)的長度(數量)
數值越多就代表很多的元素,頁面載入就會較慢(當然js也會影響),這算是一種較簡單的判斷方法
在Html code中加入

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function()
  {
  alert($('*').length);
  });
  </script>

再把頁面重新載入就會跳出alert顯示數值