All posts by ykyuen

Life is for fun~ =)

Javascript – Determine which event is triggered

Recently i have been working with Dashing which is a great tool to displaying information as a dashboard. I would like to show the dashboard on a big TV. Everything works fine on my Mac but when it is shown on the TV screen, the onclick event is not triggered.

I need to check which event is triggered when i press on the TV screen. The web developer console in Chrome of Firebug in Firefox could help you to determine which event is triggered. For example, the menu bar of Eureka! has the following HTML structure.

<div class="nav-menu">
  <ul>
    <li class="page_item page-item-1630"><a href="http://eureka.ykyuen.info/about-eureka/">About</a></li>
    <li class="page_item page-item-8284"><a href="http://eureka.ykyuen.info/portfolio/">Portfolio</a></li>
    <li class="page_item page-item-731"><a href="http://eureka.ykyuen.info/faz-jewelry/">Faz Jewelry</a></li>
    <li class="page_item page-item-6494"><a href="http://eureka.ykyuen.info/linux-commands/">Linux Commands</a></li>
    <li class="page_item page-item-8388"><a href="http://eureka.ykyuen.info/reads/">Reads</a></li>
    <li class="page_item page-item-7349"><a href="http://eureka.ykyuen.info/syntax-highlight/">Syntax Highlight</a></li>
    <li class="page_item page-item-9773"><a href="http://eureka.ykyuen.info/%e6%97%85%e8%a1%8c%e8%a8%98/">旅行記</a></li>
  </ul>
</div>

 

I would like to monitor all the events which are triggered by the first li.page_item element. This can be done by inputing the following command in the console.
Continue reading Javascript – Determine which event is triggered

About these ads

Ant – Execute Grunt and fail it on error

I want to execute a Grunt build in an Ant build project. This could be done by using <exec>.

<?xml version="1.0" encoding="UTF-8"?>
<project name="Ant Called Grunt" default="grunt" basedir=".">
  <target name="grunt">
    <exec executable="grunt" dir="${basedir}">
      <arg value="build"/>
    </exec>
  </target>
</project>

 

It works quite well, but then i realize if there is error in the grunt execution, Ant will still mark the Ant build successful and this may lead to some downstream failure in a continuous integration workflow.
Continue reading Ant – Execute Grunt and fail it on error

陶傑 – 轉發無知

佔中是一件好事。美國人發明的互聯網和手機,短訊四海達通,人人發表高見,不佔中,你還不會發現,立場不同不要緊,但認識了許多年的人,你以為很了解他,原來他是如此見識。

譬如香港許多人傳來轉去的一個中國觀點:「英國人統治了香港一百五十年,從前你們沒向英國人要過民主,為什麼現在要?」

這個問題,對沒有常識的笨蛋族群,一下可以唬住,智商正常的人,打個哈哈。

「一百五十年以來,你們從來沒向英國人要過民主」──所謂「我們」,即今天的八九十後,只有二三十歲,這一代香港人,沒有一個人有一百七八十歲的壽命,即使「殖民地一百五十年香港都沒有跟英國人要過民主」,這是香港人的祖父、曾祖父、高祖父那幾代廢柴,他們從來沒有跟英國人要過民主。這一代香港人,跟他們的曾祖父和高祖父沒有見過面,完全是陌生人。

高祖父、曾祖父、祖父,沒有跟英國人要過民主,他們放棄了,關我屁事?正如梁振英的母親據說是個纏小腳的山東女人,但梁振英的女兒沒有纏小腳,不妨問梁特在英國的女兒:「你阿嫲從來沒有向英國人要申請過去英國讀書,為什麼你要去英國?你阿嫲是個纏小腳的女人,纏了許多代,你為什麼要學鬼婆一樣保留一對『天足』?」
Continue reading 陶傑 – 轉發無知

陶傑 – 小馬哥大問題

台灣大學生佔領了立法院之後,又轉攻行政院,闖進堂堂中華民國行政院長江宜樺的辦公室翻看文件,如此悲壯聲勢,自「五四運動」的北大學生「內除國賊、外抗強權」而火燒趙家樓以來罕見。

中國發動輿論攻勢,大罵台灣大學生是「紅衞兵」。台灣是中華民國,台灣大學生即使街頭抗爭,也只上承中華民國的五四運動傳統。「紅衞兵」是大陸毛澤東的基因獨家,其他國家,不可能複製,砸毀孔廟,破壞文物,而且上有一名赤色教主。台灣大學生沒有用鞭子抽教授,沒有當場打死中學校長,更沒有闖進故宮博物院。所以台灣「紅衞兵」之說,低智商的人才會相信。

馬總統如何應對,令人擔心。小馬哥是一個潔癖的政治小白臉,尤為注重「國際形象」。現在,英國鴨巴甸大學的政治系洋人教授──要強調不是華裔,而是洋人──開腔了,越洋責備我們小馬哥:你用棍棒打學生,你跟鄧小平和共產黨有甚麼分別?
Continue reading 陶傑 – 小馬哥大問題

Bootstrap 3 – Tooltip width

Say i have the following text field which i would like to show the tooltip on the right.

<input type="text" class="form-control" name="nickname" rel="txtTooltip" title="tooltip text" data-toggle="tooltip" data-placement="right"/>

 

Let’s invoke the tooltip in Javascript as follow:

$('input[rel="txtTooltip"]').tooltip();

 

The tooltip above has a limited width.
bootstrap-3-tooltip-width-1
Continue reading Bootstrap 3 – Tooltip width

collectd – Cannot send out matrics

collectd is a statistics gathering tools which helps system admin to analysis the system conditions. It includes both server and client implementations. The collectd client send metrics to the collectd server.

 

I installed the collectd on a CentOS 7 machine and try to send the metrics to a Graphite instance. But no matter how i changed the setup, the Graphite couldn’t receive any data. Finally, i realized that it is blocked by the SELinux policy.
Continue reading collectd – Cannot send out matrics

這是一場世代之戰,也是一場理想與現實之戰……

人必須在現實上之憑藉愈少而感飄蕩無根時,然後精神上之理想才愈能向上提起。但提起的理想又還須落在現實上生根 。然而我們只注目在理想之在現實上生根時,理想之自身即可暫不向上生發,而現實的泥土,亦即同時可窒息理想之種子的生機。這是一切個人的人生與人生之共同的事業,同有一內在的根本矛盾與危機。這點意思,我希望大家能有一真切的會悟,然後再看我們有無解決此矛盾與危機之道路。

這是一個文化上被亡國的人對他的學生畢業前的一番說話… 那時的中國文化已到了一息尚存的一刻,能找到一個避難的地方安頓下來苟延殘喘已是不可多得。

這個時代的年青人或許不會感受到他的悲傷,但面對著不公義的社會、沒有希望的將來,現在在香港走出來的年輕一代所要求的,正正是他們理想的避難所。

可悲的是到了五六十年後的今天,這班年青人還未開始去找尋理想就已經被標籤為沒有獨立思想、被煽動的一群…

對,他們是被煽動的,所以鄰近大國先要有Great Firewall,北韓將西方的民主國家形容為邪惡之源,為的不就是避免它們的年青人免於被煽動嗎?

年長的,當你們一邊埋怨年少的不長進、不懂事、不思考時,不要忘記他們現在被困在的你們有份搭建的鐵屋,你們最終會像孔乙己一樣無聲無息地先離開,但年青的仍會不斷拼著生命地咆哮,直到鐵屋塌下。

這是一場世代之戰,也是一場理想與現實之戰……

陶傑 – 只怪哈佛

中國必定要「統一」台灣,表面上是「維護領土完整,神聖原則不可侵犯」,但烏蘇里江以東和黑龍江以北,那一片中國領土更大,也一樣「神聖」,為何那一大片有四個法國大的領土,正式送了給俄國?

因為這是個心理學的問題,黑龍江以北那一大片,贈送給俄國,中國領導人每一個,在骨子裏都戀慕馬列主義的蘇俄,正如香港人今天還在戀慕彭定康的英國。愛是盲目的,毫無理性可言。

二來烏蘇里江那邊沒有什麼人居住,一片寒天瘠土。中國帝皇權力的原始心理學,是以自己的意志施加於人身上,我要「管理」你,受到我的意志支配的,一定要是人,而且數量越多,越有快感。

黑龍江以北只有幾隻黑熊,沒有什麼人,台灣卻有二千三百萬人,而且看上去自由自在,活得很好。明明一樣的「炎黃子孫」,一九四九年,我本來就該追擊你,武力令你歸順,但這件事沒有完成,你這兩千萬人逍遙在我權力的版圖之外,就像一個極度潔癖的人,看見牆上有一塊泥漬,不抹掉,心中有如刀割之苦。
Continue reading 陶傑 – 只怪哈佛

陶傑 – 一地碎玻璃

台北大學生佔領立法院,抗議馬小九與大陸的服務貿易協議。抗議的人以「香港之死」為例,警告「今日的香港」,就是「明天的台灣」。

原來香港已經變成台灣的反面教材。這樣一來,香港「一國兩制」對台灣的「垂範作用」,不但毫無吸引力,而且還有反面的阻嚇和警惕,已經完全沒有意義。

其實,台灣從邁出普選總統的一日,香港對台灣的「櫥窗作用」,早就完結。

台灣已經可以民選總統,如果接受「一國兩制」,中華民國國號取消,台灣的總統,降格為「特首」。然後香港特首由一千二百人小圈子來「選」,或者雖全民有得投票,但候選人卻由中國先「篩選」,這個不許報名,那個也不准入閘。對於早就兩黨自由競爭、兩黨按巿場而自由決定入閘候選人的台灣,香港這個「櫥窗」,早就由中國用石頭砸破了玻璃,裏面的貨,自己掃掉。

香港不但「垂範台灣」不成,還變成令台灣更抗拒「統一」的反面教材。既然這樣,就對中國形成兩個邏輯問題:一,既然今日,則當初何必從英國手上收回香港主權?二,但不收回也收回了,台灣既然已完全不信這台戲,則再「一國兩制」下去,對中國又有何好處?
Continue reading 陶傑 – 一地碎玻璃