Posted by
tka – 2009-01-13
剛剛發現某頁的table depth=10，便來去翻翻source code看是怎麼寫的
結果看到下面這種php code，內心一整個無言呀…………..Orz
<table border=”0″ cellpadding=”0″ width=”100%”>
<tbody>
<tr>
<td>
<table border=”0″ cellspacing=”0″ cellpadding=”1″ width=”100%” align=”center” bgcolor=”#c3d1e7″>
<tbody>
<tr>
<td align=”left”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”100%”>
<tbody>
<tr align=”center” bgcolor=”#ffffff”>
<td>
<table border=”0″ cellspacing=”0″ cellpadding=”3″ width=”100%”>
<tbody>
<tr>
<td valign=”top”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”100%” align=”center”>
<tbody>
<tr>
<td width=”100%” align=”left” valign=”top”></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
Posted by
tka – 2009-01-02
記得在去年的HDM4上說道想要把flex3 即時載入中文字型測試v2做成中文版的sIFR。過了一年目前終於有點進展了。
主要就是寫了jQuery的plugin來處理要被取代的元素 跟 as3版的flash用來載入字型與繪製文字的。至於在HDM4上面提到的問題統統都還沒有解決 ，如果今年會有時間的話再來用硬派的方法來處理掉他 XD。Demo。
如果有人想要自己測試看看的話，請複製下面語法到自己的網頁裡面就可以了，他會把 具有class=”df”的元素取代成flash的文字，不過目前只實做了少部份的的功能，所以應該會有不少奇怪的問題，特別是在IE上面 :p。
<script type=”text/javascript” src=”http://www.tkalu.com/tmp/demo/rgbcolor.js”></script>
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js”></script>
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js”></script>
<script type=”text/javascript” src=”http://www.tkalu.com/tmp/demo/jquery.df.js”></script>
<script>
</script>
<script type=”text/javascript”>
$(document).ready(function(){
$(’.df’).df(fontFamily); //fontFamily目前提供0-4，一共5種字型
}
);
</script>
Posted by
tka – 2008-11-19
無意中看到的 JQuery plugin
scale9grid
JQuery Plugin for Scaling Background Images Using a Grid
可以透過 javascript 指定一張圖片跟他上下左右的邊界
自動幫你，縮放成某個html元素的背景，感覺就是一整個好用
但是細節用講的有點難了解，所以就直接看範例的效果吧
http://hempton.com/examples/scale9grid
官方網站
http://code.google.com/p/scale9grid/
ps.有網友形容就像是 西索 伸縮自在的愛那招，十分貼切呀 XD
Posted by
tka – 2008-10-25
基本上這邊的方法是參考在 UTF8 編碼下的網頁簡繁互轉跟 新同文堂兩者後進行整合得到的，一支程式可以同時在big5, gbk ,utf8 三種編碼下使用(其實是所有的編碼都可以，但是中文常見的是這三種)，並且可擁有詞庫對應功能，在簡繁並存的網頁上會有比較好的效果(基本上就跟新同文堂轉出來的效果一樣)，瀏覽器測過FF3 跟 IE6&7都沒問題。
效果如下
程式碼放在
javascript程式(需搭配jquery)
簡繁體字詞對應資料(資料由新同文堂中取出，已獲得 softcup自由取用的許可)