網頁

2009/5/13

0513評分用圖

[21 22 26]--空白未刪除


[13 14]--你的key錯了


[1 2 12]


[19 20]比例放大一點圖就進來了


[6 7 16]貼了多餘的語法


[41]有多餘的空白、多餘的語法


[8 9 10]路徑顏色語法錯誤,比例設太小


[3 4 5]摩斯在哪裡?

2009/4/29

98-2作業-美食街

主題:用餐指引
說明:新莊高中周圍有許多餐飲店,請選擇其中一間店,製作從新莊高中走到該商店的google靜態地圖。
作業目標:
  1. 製作一個blog頁面。
  2. 參考http://kkbike.blogspot.com/2009/01/google-mapswaypointpath.html,製作地圖。
  3. 以文字簡單敘述該商店提共的伙食或服務。(飲料、簡餐、便當、其他)
  4. 在5/6下課前,將該篇blog文章的網址貼到指定網站。
  5. 5/13開始互評,每位同學都要針對其他同學的作品評分,評分方式為文字敘述與百分點評量。評量分向量化標準另行公布。

2009/2/24

div show none hidden visible

style=”visibility: none;”

document.getElementById(“divname”).style.visibility="hidden";
document.getElementById(“divname”).style.visibility="visible";



style=”display: none;”

document.getElementById(“divname”).style.display="none";
document.getElementById(“divname”).style.display="";//

2009/2/2

攝影

  • Henri Cartier-Bresson:美術館應該發給每個參觀者一支鉛筆跟筆記本,而不是人工導覽。
  • 顏色準嗎?試觀察與比較下列情形。a.同一張圖片在兩個不同的螢幕;b.同電腦但用不同的軟體開啟同一張圖片;c.同一張圖片顯示在螢幕上跟列印在紙上。
  • 不同相機拍攝相同的風景呢?
  • 相機是控制光線的工具。光量決定曝光「不足」、「正常」與「過度」這三種情形,請參考網站「鯨魚的世界」的介紹。而控制光量是透過光圈(光孔)跟快門(光柵門)來實現的,請參考網站「攝影數位資訊空間」的介紹。
  • 人物拍攝練習。
  • 作品鑑賞心得寫作:請在本篇文章的回覆意見,在下面挑一組照片,說明你比較喜歡哪一張,並為它命名,另分別寫下命名的原因、喜歡跟不喜歡的心得。內容至少300字中文或200字英文。
    a-1.
    a-2.
    b-1.
    b-2.
    c-1.
    c-2.
    d-1
    d-2.
  • 當你再也按不下快門,就是準備要進步的時候了。

2009-02-02,表現優良:20822、11725、11705
2009-02-03,表現優良:10609、10611
2009-02-04,表現優良:11431、11434、11444、20309、20317、20713、20725
2009-02-05,表現優良:10410
2009-02-06,表現優良:11508、11510、11529、11543、20304

2009/1/30

google api 隨筆記

AJAX Google APIS playground,google對程式設計師實在太好了~哈!
gmaps圖標庫
Google Code

2009/1/28

以javascript,透過點擊(onclick)隱藏或顯示某個區塊(span)

 原本想讓使用者點某些標籤,使沒有標籤的文章隱藏。藉此達成用標籤尋文的功能,不過暫時是用不著了,因為要列出網誌內所有文章都沒那麼簡單,幌論還要去篩選。不過功夫學到了就做個筆記吧!



表一 隱藏、顯示某個span
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
<script language="JavaScript">
function toggleDisplay(spanid){
  if (spanid.style.display=='inline'){
    spanid.style.display='none';
  }
  else{
    spanid.style.display='inline';
  }
}
</script>
<div><span onclick="toggleDisplay(testspan)">點我</span>來看效果.<span id="testspan" 
style="color:red;position:relative;cursor:hand;">測試用文字</span>,測試測試。</div>

2009/1/24

分析blogger JSON文本,取得文章標題與其使用的標籤

 因為google的Developer's Guide: JavaScript與Using JSON with Google Data APIs提供了很多sample,所以我今天翻了javascript的文章,想自己做標籤分類尋文,但太天真的,json文本也是基於網站提供的atom來的,所以只有25篇文章,網站不提供所有的文章,用atom也看不到文章。所以最大的心得反而是javascript也很好用,搞不好我會放棄php改用javascript來教程式語言(真是越玩越回頭了,居然向script kid靠攏!:-P),因為這幾天死小孩寫的php無窮迴圈拖死伺服器真的累死我也!


表一 在blogger中以json取得文章標題與這些文章所用的標籤
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
<div id="tagfinder"></div>
<script>
  function listEvents(root) {
    var feed = root.feed;
    var entries = feed.entry || [];
    var html = ['<ul>'];
    var alltags = new Array(0);

    for (var i = 0; i < entries.length; ++i) {
      var entry = entries[i];
      var title = entry.title.$t;
      if (title.length > 23){
        title = title.slice(0,20);
        title = title.concat('<font size="1">...略</font>');
      }
      for (var j = 0; j < entry.link.length; j++) {
        if (entry.link[j].rel == 'alternate') {
          var alturl = entry.link[j].href;
          var spanid = alturl.split('http://kkbike.blogspot.com/',2);
          break;
        }
      }
      tag = "";
      for (var j = 0; j < entry.category.length; j++) {
        var tag = tag + ',' + entry.category[j].term;
        var intags = '';
        for ( var k = 0; k-1 < alltags.length; k++){
          if ( entry.category[j].term == alltags[k] ){
            var intags = '1';
            break;
          }
        }
        if ( intags != '1' ){
          alltags[k-1] = entry.category[j].term;
        }
      }
      html.push("<a href=" , alturl , ">." ,  title, "</a></span><br>");
    }
    html.push('</ul>');
    html.push(alltags.join());
    document.getElementById("tagfinder").innerHTML = html.join("");
  }