沒穿方服

索引

顯示╱隱藏內文

用 Search Plugin 還原短網址

2007-12-28 13:56
：

兩個 Firefox 的 Search Plugin，用來把 0rz.tw 產生的字串（例如 ed0cT ）變回原本的網址。

使用後
※圖示是自己做的，可以帶走任意使用。


  1. 低調的 0rz.tw 低調的 0rz.tw 圖示

    還原 0rz.tw 的短網址，檔案下載：re0rzTW.xml ｜

  2. 台泥看盤工具 台泥看盤工具 圖示

    還原 TinyURL.com 的短網址，檔案下載：reTinyURL.xml ｜

做這個其實很簡單，用下面的原型，改第 6 行圖示和第 9 行網址即可。細節可參考 MDC 的文件 製作 OpenSearch 搜尋模組。

<SearchPlugin xmlns="http://www.mozilla.org/2006/browser/search/">
<ShortName>低調的 0rz.TW</ShortName>
<Description>在關鍵字前附上 http://0rz.tw/ </Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width="16" height="16">
data:image/png;base64,iVBORw0KGgo(……後面太長省略)
</Image>
<Url type="text/html" method="get" template="http://0rz.tw/{searchTerms}"></Url>
</SearchPlugin>

※這裡公佈的圖示是 PNG 格式，若要用在 Open PCMan 2007，請參考 Open Search 內嵌圖示轉換器 for PCMan 2007。

0
留下意見 (0)

以 JavaScript 啟動 Lightbox 2 (更新版)

2007-12-27 12:18
：
2008-07-10: 這方法還是有問題，實在是…… 請參考更新版 升級 Lightbox 至 v2.04。

之前寫的方法會造成大圖讀取緩慢（因為都是讀原圖），想想還是縮圖比較有禮貌，所以現在貼圖的 HTML 是 blogger 自動插入的：

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://原圖.png">
  <img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://縮圖.png" border="0" alt="" id="BLOGGER_PHOTO_ID_some_id" />
</a>

通常會再刪一點：

<a href="http://原圖.png">
  <img src="http://縮圖.png" alt="替代文字" />
</a>

JavaScript 則改為：（使用 Lightbox 2.03.3、Prototype 1.6.0）

$$('.postcontent img').each( function(i) {
  var fullSrc = i.src;  // fullSrc : 原圖的位址
  if( i.up('a') && i.up('a').href )
  {
    var srcExt = i.up('a').href.split('.').pop().toLowerCase();
    if( srcExt == 'png' || srcExt == 'jpg' || srcExt == 'gif' || srcExt == 'bmp' )
    { fullSrc = i.up('a').href; }
  }
  var imageLink = new Element("a", { rel: 'lightbox[post]', href: fullSrc, title: i.alt });
  i.insert({'before': imageLink});   // 'top' insert 在 ie 會出問題
  Event.observe( i, 'click', function(event) { myLightbox.start(imageLink); Event.stop(event); });
});
0
留下意見 (0)

這裡在 ie6 的慘狀

2007-12-21 20:15
：

內容都側移到右邊去了，而且螢幕越大，效果越好。

背景的手指展現不凡的親和力

未支援 CSS 的 hover 偽類，所以一些滑鼠移上去才有的功能／效果便自然消失。

e化後的頁面更為簡潔、清爽
該亮的都不亮

PRE 標籤裡的泰語文字不見了，我需要安裝東南亞語系的支援嗎？

泰語被和諧了

唯一能看的只剩這個。

還是下載不含 Google Toolbar 的 Firefox 吧！

4
留下意見 (4)

Carabao - แร้งคอย (reeng khooi) 歌詞

15:28
：

一首我在 Carabao Greatest Hits 中最早迷上的歌，旋律優美容易聽，可惜不懂泰語，所以也不曉得在唱什麼。後來在タイポップスの部屋等到這首歌的日語翻譯，雖然自己拼湊後仍有不解之處，但湊合著還是好過一無所知。
※需要試聽可以在泰國的 Google 搜尋 แร้งคอย 試試。

แร้งคอย (reeng khooi, 禿鷹等待著)

收錄於 1993（佛曆 2536 年）發行的 Carabao 第 13 張專輯 ช้างไห้（chaang hai - The Lamenting Elephant, 大象挽歌），詞／曲：Yuanyong Opakul (Ad Carabao)

ณ ที่แห่งนี้เคยมีแร้งคอย
禿鷹在這裡等待著

เฝ้าจับจ้องมองผู้คนล้มหาย
盯著逝去的人們

คือผู้เดินทางรอนแรมสัญจร
那些夜晚在山林裡徘徊

จะข้ามป่าเขาดงพญาไฟ
想要越過 Dong Phaya Fai 的人們 ※註一



อันมีสายน้ำทอดยาวสุดตา
望不盡的長河向那裡流去

มีทิวเทือกผาท้าทายแดดลม
山崖對峙著風 和日光

นุ่งห่มผืนฟ้าทุ่งนาแก่งคอย
等待著天空 原野 急流 ※註二

หัวใจพี่คอยน้องอยู่ที่แก่ง
我的心 在急流 等待著



หัวใจพี่คอยน้องอยู่ที่แก่ง
我的心 在急流 等待著

ตรงที่มีแร้งเฝ้าคอย เฝ้าคอย
禿鷹在這裡 一直 一直地等

หัวใจพี่คอยน้องอยู่ที่แก่ง
我的心 在急流 等待著

ตรงที่อีแร้งเฝ้าคอย เฝ้าคอย
禿鷹在這裡 一直 一直地等 ※註三



ณ ที่สายฝนกระทบหน้าผา
在暴雨拍打的岩壁上

แว่วสกุณาบินมาร้องเพลง
隱約聽到鳥兒飛來 微弱的歌聲

ขับกล่อมกันเองชีวิตพงไพร
鳴囀著 森林的生命之歌

ใครเล่าเข้าใจชีวิตบรรเลง
誰能明白這生命之歌



ช่างเหมือนสายน้ำทอดยาวสุดตา
如此酷似 那無盡的長河

เหมือนทิวเทือกผาท้าทายแดดลม
像山崖對著風 和日光

นุ่งห่มผืนฟ้าทุ่งนาแก่งคอย
等待著天空 原野 急流

หัวใจพี่คอยน้องอยู่ที่แก่ง
我的心 在急流 等待著



หัวใจพี่คอยน้องอยู่ที่แก่ง
我的心 在急流 等待著

ตรงที่มีแร้งเฝ้าคอย เฝ้าคอย
禿鷹在這裡 一直 一直地等

หัวใจพี่คอยน้องอยู่ที่แก่ง
我的心 在急流 等待著

ตรงที่อีแร้งเฝ้าคอย เฝ้าคอย
禿鷹在這裡 一直 一直地等



หัวใจพี่คอยน้องอยู่ที่แก่ง
我的心 在急流 等待著
（หัวใจพี่คอยน้องอยู่ที่แก่ง）
（我的心 在急流 等待著）

ตรงที่มีแร้งเฝ้าคอย เฝ้าคอย
禿鷹在這裡 一直 一直地等
（ตรงที่มีแร้งเฝ้าคอย เฝ้าคอย）
（禿鷹在這裡 一直 一直地等）

หัวใจพี่คอยน้องอยู่ที่แก่ง
我的心 在急流 等待著
（หัวใจพี่คอยน้องอยู่ที่แก่ง）
（我的心 在急流 等待著）

ตรงที่มีแร้งเฝ้าคอย เฝ้าคอย
禿鷹在這裡 一直 一直地等
（ตรงที่อีแร้ง เฝ้าคอย）
（禿鷹在這裡 一直地等）



หัวใจพี่คอยน้องอยู่ที่แก่ง
我的心 在急流 等待著

ตรงที่มีแร้งเฝ้าคอย เฝ้าคอย
禿鷹在這裡 一直 一直地等

หัวใจพี่คอยน้องอยู่ที่แก่ง
我的心 在急流 等待著

ตรงที่อีแร้งเฝ้าคอย เฝ้าคอย
禿鷹在這裡 一直 一直地等

คอย คอย คอย คอย คอย คอย คอย
等待 等待 等待 等待 等待 等待

คอยอย่างอีแร้งเฝ้าคอย เฝ้าคอย
禿鷹還是 一直 一直地等

備註：

  1. Dong Phaya Fai

    位於現今大山（拷艾）國家公園群山的大森林，意思是 Jungle of the Fire Lord，因為過去曾有無數人在旅途中死於瘧疾…… 森林遭破壞後改稱 Dong Phaya Yen (意為 Jungle of the Ice Lord) 以示其已受馴服。
    現在 Dong Phaya Yen 群山以 Dong Phaya Yen – Khao Yai Forest Complex 之名列入世界遺產，可參考     Wikipedia 資料 Dong Phaya Yen Mountains。

  2. แก่ง 這個字，也可譯作瀑布。
  3. 不斷重複的兩句詞，附上卡啦ＯＫ式字幕：
    hua jai phii khooi noong yuu thii kaeng
    我摘批開一儂　猶提哽嗯 （我的心 在急流 等待著）

    trong thii mii raeng fao khooi fao khooi
    哢替迷瀾　否口喔　否口喔 （禿鷹在這裡 一直 一直地等）
0
留下意見 (0)

稍微改寫了 Javascript Sound Kit

12:09
：

改寫動機：原版我跑不出來……

Gustavo Ribeiro Amigo 的 Javascript Sound Kit 讓你用 JavaScript 操作網頁上的 mp3 音效，用的是 Flash 所以在跨瀏覽器方面表現不錯。

應自己需要，把原本的 Sound.js 改寫為 Soundbb.js，內容大致一樣只是寫作風格不同；原本的 SoundBridge.as 則是加上另一個 fla 編譯為 SoundBridgeBridge.swf（多包一層所以名稱也多個 Bridge……）。主要修改點如下：

  1. 改名 Soundbb.js 和 SoundBridgeBridge.swf
  2. 用 Prototype.js (1.6.0) 的 Class.create 寫成一個 Soundbb Class
  3. 增加 Soundbb._isReady 和 Soundbb.onReady() 免得哪壺不開提哪壺 → 錯誤
  4. 增加 Soundbb._enabled 可全面開關 Sound 方法有效／無效
  5. 建立物件時可傳入 { autoLoadSound: somepath.mp3 } 便會在 ready 時先行讀取
  6. SoundBridge.as 裡拿掉了 this.sound.checkPolicyFile = true; 因為我編譯不過，對不起……
  7. Flash 裡加了 System.security.allowDomain("*"); 避開跨網域存取的安全性限制

基本使用例：

var se = null;

document.observe("dom:loaded", function() {
  Soundbb.swfLocation = 'SoundBridgeBridge.swf';   // 預設值為 '/SoundBridgeBridge.swf'
  se = new Soundbb({ autoLoadSound: 'sound.mp3' });  // 預先讀取（其實是用 se.loadSound('sound.mp3', false); ）
});

someAction = function(){  // 需要音效的時候
  se.start();
};

詳細用法請參閱 ActionScript 2.0 的 Sound API，JavaScript Sound Kit 原設計就是直接叫 Flash 的方法；也可參看原版 Javascript Sound Kit 和它在 SourceForge 上的專案頁。

原始碼檔案在這裡，著作權聲明：原作者 Gustavo Ribeiro Amigo 保留所有權利 Copyright © 2006, Gustavo Ribeiro Amigo All rights reserved.

3
留下意見 (3)
《 較新的文章 較舊的文章 》