2010 一月 @ 《論盡蛋》

紅燈

日曜日
31^st 1月, 2010
QR Code of the URL

0 Like This~!!

皮蛋黃皮蛋文集 0 Comment

放學的時候, 看著衝紅燈的人們, 又胡思亂想了~

衝紅燈是犯法 (交通法) 的, 這點相信沒人會質疑的了~然而, 收到罰單後, 相信大多數人都只會怪運氣不好之類的……

的確, 衝紅燈的人, 很多很多……

那麼, 殺人放火的犯法, 跟衝紅燈, 亂拋垃圾的犯法, 差異是…?

果然, 重要的是道德觀念吧?

調寄《勁歌金曲》(未完成)

日曜日
31^st 1月, 2010
QR Code of the URL

0 Like This~!!

print869 做西褲, 皮蛋黃 0 Comment

《調寄《勁歌金曲》(未完成)》

編曲：雷頌德
填詞：皮蛋黃
　　　做西褲

（皮蛋黃）
再見　也只不過會面　若想有幸纏綿　唯盼下世可再讓愛捐

愛下去　就似是醉　心碎亦要再追
跟你可陶醉　終會可無悔

似亂絮　我的心似亂絮　秋千也似流水　一切無處是對

期盼的心早破碎　繼續愛亦如罪
可會放得開再聚　再聚已不需重頭爭取
如我某天可放棄　不需假意做場戲
能夠使你歡欣　再甘心放棄

心裡就算苦　我都只盼有日同路　能陪伴每天向前
心中苦　由我孤軍去面對

紅和綠　漸變灰　情人從此分開　不再有未來

（做西褲）
愛意沒長遠　只知心中意　披霜帶面只願能遇見
期盼你回意　如像最初　傷口會合上　愛意仍在

（皮蛋黃）
願望是深知　祈求來日沒有對峙
躊躇不決不知所措　盼你有朝會知道

太過怕怕　怕怕事　但最驚驚　驚驚多幾次
心思太遲疑　徘徊在失意

（做西褲）
夢見他　我心中充滿熱和愛與誠
然後卻　望見他跟好友不停地對望
像流水　像流水會逝去　夢醒

我與你就像繁星
永無法結伴長佂
祈求人人踏上
永遠也不會寂寞
能成真

永藏心靈不肯說出去
怎可與他一起共挽手

（皮蛋黃）
不可傾訴的愁　進到極寒內心的最深
盡數凝固　有誰似火讓冰天變溫暖

愛已了　情已忘掉
靜悄悄　一早消失了
愛已了　棲身漆黑　已不懂得笑

其他相關歌曲

勁歌金曲

IE678笑話

木曜日
28^th 1月, 2010
QR Code of the URL

1 Like This~!!

皮蛋黃 HTML/XHTML 0 Comment

原本打算開工寫theme, 怎料開了IETester v0.4.2內的IE6, IE7, IE8來一看, 笑了出來~

昨天裝了plugin以便在post內顯示codes (WP-SynHighlight), 但在IE6, 7, 8中, 竟然是三個不同的樣子@@”哈哈~

IE6的WP-SynHighlight

IE7的WP-SynHighlight

IE6

同一行而過長的code會自動斷行,
高度不固定, 隨行數而變高

(不定高度, 不可能出現scroll bar)

IE7

過長的code也懂得自動斷行,
但固定了最大高度, 內容太多的話會出現scroll bar

(不定高度, 但有最大高度, 只可能出現垂直的scroll bar)

IE8

過長的code不會自動斷行, 會出現橫向scroll bar,
高度則是固定的, 無視內視多少. 太多則出現scroll bar

(固定高度, 橫向垂直scroll bar都有可能出現)

話說, 其他browser又有少許不同XD”不過就不再截圖了…應該大概能想像到XD”

Chrome 3, Firefox 3.5, Opera 10

最神秘的, 就是這三者的顯示是一樣的, 但更IE6, 7, 8都不同XD”
究竟誰對誰錯, 我就不知道了=v=”

但其實大致跟IE7和IE8差不多~
跟IE7相比的話, IE7不會出現橫向scroll bar, 但這三者會~(即前者會自動斷行, 但後三者不會)
跟IE8相比的話, IE8固定了高度, 但Chrome & Firefox & Opera則類似IE7般只有最大高度.

我到真正開工時會不會真的用齊IE6, IE7, IE8, Chrome 3, Firefox 3.5, Opera 10來作測試? 不會XD”
話說如果我的Ubuntu如果是用virtual box裝在Win 7內的話, 還會再多些測試呢~哈哈~
不過大多數時間我只會用IE8, Chrome (自己常用中XD”)
間唔中才會用IE7, Firefox之類的看看~(有問題時怎算? trade off是沒辦法的了XD”)

話說這次theme的主體是HTML 5 (主體不是設計上的東西嗎=o=||?)
所以可能會用多些Opera~^^

Using AJAX in WP2.9 (with jQuery)

水曜日
27^th 1月, 2010
QR Code of the URL

0 Like This~!!

皮蛋黃 Wordpress 0 Comment

本篇文章要求讀者懂基本Javascript及明白AJAX概念, 並對Wordpress的template tags (hook & action 相關) 有基礎認識的初心者.
(要求似乎還真高@@”其實簡單來說, 是給學習Wordpress Plugin之類的初心者的)

這是一篇總結, 一篇整理, 一份食譜; 用來做甚麼, 這些創意留給滿腦主意的讀者了~^^”
以下將會以一個極簡單的例子作說明. 效果是動態載入最新的posts.

AJAX簡說

甚麼異步, XML, …….的我就不多說了, 大家可到以下的參考網址再深入了解~

參考網址:

簡而言之, AJAX的真身可簡化成2段小程式碼: 一段在client side, 負責傳指令或資料到server side, 又或從server side接受資料. 另一段是在server side, 負責收到client side的要求後, 完成要求甚至回傳資料或把資料寫進資料庫…….
這樣便可以不用轉到其他頁面, 而可以跟server聯繫了.

然而, 在Wordpress中, 事情不是想像中簡單, 因為Wordpress的permalink structure的設定, request url並不那麼直觀, 而server side的程式碼又該放到哪裡也是個問題. 正因如此, 一輪找尋整理之下, 得出以下的結果~

但要留意的是, 我沒有去分辦究竟舊版本的Wordpress是否可行, 當然更沒有作出試驗啦~所以大家如果預到問題, 不妨提出讓大家一同討論XD”

Client Side

首要的當然要include jQuery的library啦~但WP2.9會自動載入的了, 所以大可無視~

Code block

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/my_jquery.js"></script>

也可考慮上行, 於activated theme的js資料夾內放入自己的jQuery library.

然後是本體, 還記得我想做的效果嗎? 動態載入最新的posts~

Code block

<head>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function($) {
  var data = {
    action: 'pp_get_newest_posts',
    dummy_data: 'you can pass any data you like with valid name (ie. only from a to Z, 0 to 9, and underscore _)',
    post_num: 6
  };
 
  $.post(
    '<?php echo admin_url('admin-ajax.php'); ?>',
    data,
    function(response) {
      $('#newest_posts').html(response);
    }
  );
});
//]]>
</script>
</head>
 
<body>
<div id="newest_posts"></div>
</body>

程式碼解說

data object內的action是必要的!!它指定了server side哪一個php function (當然是你自己寫的) 會被執行. 於後面server side的說明會再見到這個pp_get_newest_post的了.

data object是用JSON寫成的, 在此假設大家看得明白JSON表達式. 於data內的資料, 在server side內可以$_POST[]或$_GET[]取得 (當然要視乎你用的是POST method還是GET method).

$.post()是jQuery的AJAX function, 用的是POST method (好像說了廢話…), 如果想用GET method, 可用$.get(), 參數一樣.

$.post()的第三個參數是一個function, 用來處理傳回的結果. 結果會存到該function的第一個參數內 (response), 這個傳回結果可以是任何東西, eg. 純文字, HTML碼, JSON表達式, XML內容, Javascript程式碼, ……

Server Side

In somewhere……eg. functions.php @ activated theme:

Code block

<?php
add_action('wp_ajax_pp_get_newest_posts', 'the_newest_posts');
add_action('wp_ajax_noprov_get_newest_posts', 'the_newest_posts');
 
function the_newest_posts() {
global $wpdb;
$ps = $wpdb->get_results("SELECT ID, post_title, post_content"
  . " FROM $wpdb->posts WHERE post_status = 'publish'"
  . " ORDER BY post_date DESC LIMIT $_POST['post_num']");
 
if($ps) {
  foreach($ps as $p) {
    echo "<h3>$p->ID - $p->post_title</h3>";
    echo "<p>$p->post_content</p>";
  }
} else {
  echo 'Not found.';
}
 
die();
}
?>