http://joetsuihk.com/en/taxonomy/term/11/all en http://joetsuihk.com/en/jquery_live_event_ipad_do_not_work <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>我在開發一個 responsive 的 web app　的時候發現了這個問題<br /> 就是 ipad (iphone 也可能有這個情況) 的 live event 沒有反應<br /> 我在我的 GS2 上沒有這個問題，只是在 ipad 上出現<br /> 我反覆試過使用 div tag 或者 a tag 都無解</p> <p>還是 google 和 stackoverlfow 最幫到手：<br /><a href="http://stackoverflow.com/questions/3344960/jquery-live-event-on-ipad-why-doesnt-it-work">http://stackoverflow.com/questions/3344960/jquery-live-event-on-ipad-why...</a></p> <p>只需要在 a tag 加 onclick就可以了：<br /></p><div class="codeblock"><code>&lt;a href="#" onclick=""&gt;Save&lt;/a&gt;</code></div> </div></div></div><div class="field field-name-taxonomy-vocabulary-2 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Free tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="/en/free_tags/jquery">jquery</a></div><div class="field-item odd"><a href="/en/free_tags/responsivedesign">responsive design</a></div><div class="field-item even"><a href="/en/free_tags/events">events</a></div><div class="field-item odd"><a href="/en/free_tags/ipad">ipad</a></div><div class="field-item even"><a href="/en/free_tags/live">live</a></div></div></div><div class="field field-name-field-add-this field-type-addthis field-label-hidden"><div class="field-items"><div class="field-item even"><a class="addthis_button " addthis:title="jQuery live event on iPad do not work - JOE Tsui&#039;s Drupal life in Hong Kong (香港)" addthis:url="http://joetsuihk.com/en/jquery_live_event_ipad_do_not_work"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" alt="Share page with AddThis" /> </a> </div></div></div> Mon, 30 Apr 2012 15:57:01 +0000 JOE 289 at http://joetsuihk.com http://joetsuihk.com/en/inmediahk_inmediahknetm_%E6%89%8B%E6%A9%9F%E7%89%88 <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p><img src="http://joetsuihk.com/files/inmediahk.net_.m.frontpage.png" /><br /> 自從香港獨立媒體搬了 server 之後,<br /> 其中一個需要增加的功能就是手機版</p> <p>之前一直沒有下手做的原因是因為要另寫一個theme<br /> 手機版用的 theme, 雖然很可能會用上 <a href="http://www.jqtouch.com/" target="_blank">jqtouch</a> 一類現成的庫<br /> 但需要再多一個模組分析 user-agent<br /> 很可能需要 <a href="http://drupal.org/project/themekey" target="_blank">themekey</a><br /> 便覺得牽一髮而動全身</p></div></div></div><div class="field field-name-taxonomy-vocabulary-2 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Free tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="/en/free_tags/jquery">jquery</a></div><div class="field-item odd"><a href="/en/taxonomy/term/31">inmedia</a></div><div class="field-item even"><a href="/en/free_tags/jquerymobile">jquery mobile</a></div></div></div><div class="field field-name-field-add-this field-type-addthis field-label-hidden"><div class="field-items"><div class="field-item even"><a class="addthis_button " addthis:title="[inmediahk] inmediahk.net/m 手機版 - JOE Tsui&#039;s Drupal life in Hong Kong (香港)" addthis:url="http://joetsuihk.com/en/inmediahk_inmediahknetm_%E6%89%8B%E6%A9%9F%E7%89%88"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" alt="Share page with AddThis" /> </a> </div></div></div> Mon, 25 Oct 2010 14:26:05 +0000 JOE 190 at http://joetsuihk.com http://joetsuihk.com/en/20100712_jquery_ui_combobox <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>jquery ui 是一個方便的 jquery 擴充庫,<br /> Drupal 中最常用的就一定是 datepicker 了<br /> 免去了很多麻煩的日期選擇器<br /> 而且用法很多, 兩個一組的, "未來"限定的等等</p> <p>而另一個很好用, 但不常用的就是一個 autocomplete 的擴充, combo box<br /> 它可以是單選 &lt;select&gt; 的完美替代品,<br /> 它包含一個 textfield 和一個button<br /> 在 textfield 輸入的時候就會將 &lt;select&gt; 內的相關選項以 autocomplete 方式顯示<br /> 或者按一下 button, 全個 &lt;select&gt; 內的選項都會顯示<br /> 令使用者可以使用類似 &lt;select&gt; 的方式選取</p> <p>但它有兩個 bug<br /> 1. &lt;select&gt; 的 &lt;option&gt; 的 attribute selected=selected 不會預設被選中<br /> 做就了我在 github.com 的 commit (ref3)</p></div></div></div><div class="field field-name-taxonomy-vocabulary-2 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Free tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="/en/free_tags/jquery">jquery</a></div><div class="field-item odd"><a href="/en/free_tags/jqueryui">jquery ui</a></div><div class="field-item even"><a href="/en/free_tags/git">git</a></div><div class="field-item odd"><a href="/en/free_tags/bug">bug</a></div><div class="field-item even"><a href="/en/free_tags/combobox">combobox</a></div></div></div><div class="field field-name-field-add-this field-type-addthis field-label-hidden"><div class="field-items"><div class="field-item even"><a class="addthis_button " addthis:title="2010-07-12 JQuery UI combobox - JOE Tsui&#039;s Drupal life in Hong Kong (香港)" addthis:url="http://joetsuihk.com/en/20100712_jquery_ui_combobox"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" alt="Share page with AddThis" /> </a> </div></div></div> Mon, 12 Jul 2010 12:09:24 +0000 JOE 174 at http://joetsuihk.com http://joetsuihk.com/en/2007_05_15_jquery_drupal_jquery <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>可供擺放javascript 和jquery 的地方有好幾個<br /> 要視乎javascript 的性質,<br /> 放到適當的位置<br /> 雖然放錯位置都不會影響效能<br /> 但為了維護的方便,<br /> 必需保持 顯示-控制分離</p> <p>其實使用jquery 的情況好很多<br /> 從優化視覺效果到幫助使用者<br /> 到流行的ajax, 偏門點的繁簡轉換等等<br /> 都會用上jquery<br /> jquery 可能會放到一個獨立的js 檔內<br /> 或inline 放到相關的html, php 檔都有</p></div></div></div><div class="field field-name-taxonomy-vocabulary-2 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Free tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="/en/free_tags/development">Development</a></div><div class="field-item odd"><a href="/en/free_tags/drupal">Drupal</a></div><div class="field-item even"><a href="/en/free_tags/jquery">jquery</a></div></div></div><div class="field field-name-field-add-this field-type-addthis field-label-hidden"><div class="field-items"><div class="field-item even"><a class="addthis_button " addthis:title="2007-05-15 jquery 在Drupal 的使用(三) -嵌入jquery - JOE Tsui&#039;s Drupal life in Hong Kong (香港)" addthis:url="http://joetsuihk.com/en/2007_05_15_jquery_drupal_jquery"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" alt="Share page with AddThis" /> </a> </div></div></div> Tue, 15 May 2007 11:02:47 +0000 JOE 55 at http://joetsuihk.com http://joetsuihk.com/en/2007_05_12_jquery_drupal_jquery_recursive <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>續jquery</p> <p>先說明一下callback<br /> 用fadeIn() 說明一下<br /></p><div class="codeblock"><code>fadeIn(speed, callback)</code></div><br /> fadeIn() 有兩個參數<br /> 第一個speed<br /> 用作指定淡入的速度, 可以為字符串"slow" "normal" "fast"<br /> 也可以為數字, 指定毫秒(千分一秒) <p>第二個callback<br /> 參數可以是一個函數名, 也可以定義一個新函數(inline 的方式)<br /> 而這個函數會在fadeIn() 完成,<br /> 也即是效果完結的時候被呼叫.<br /> 例如<br /></p></div></div></div><div class="field field-name-taxonomy-vocabulary-2 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Free tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="/en/free_tags/development">Development</a></div><div class="field-item odd"><a href="/en/free_tags/drupal">Drupal</a></div><div class="field-item even"><a href="/en/free_tags/php">PHP</a></div><div class="field-item odd"><a href="/en/free_tags/jquery">jquery</a></div></div></div><div class="field field-name-field-add-this field-type-addthis field-label-hidden"><div class="field-items"><div class="field-item even"><a class="addthis_button " addthis:title="2007-05-12 jquery 在Drupal 的使用(二) -jquery recursive - JOE Tsui&#039;s Drupal life in Hong Kong (香港)" addthis:url="http://joetsuihk.com/en/2007_05_12_jquery_drupal_jquery_recursive"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" alt="Share page with AddThis" /> </a> </div></div></div> Sat, 12 May 2007 08:02:00 +0000 JOE 53 at http://joetsuihk.com http://joetsuihk.com/en/2007_05_08_jquery <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>今天努力的在localhost 改一下theme<br /> right sidebar 的blocks 都用上漸變<br /> 以突顯效果<br /> 之後的改變都會以視覺沖擊為主<br /> 要吸引顧客啊....</p> <p>有位過客留了言, 要講一講jquery<br /> 就在此淺談一下jquery<br /> (原本打算link 一個jquery 官網的教學, 但jquery.com 近日被攻擊了, 訪問不了)</p> <p>兩大javascript 庫, prototype 和jquery 我都有用過<br /> 各有千秋, 但因為Drupal 內建jquery,<br /> 用jquery 都多了, 但他們功能大都差無幾</p> <p>用jquery, 先要熟用$(), 一個jquery 的selector<br /> # 開頭代表id $("#wrapper")<br /> . 開頭代表class<br /> &gt; 指子類<br /> 等等</p></div></div></div><div class="field field-name-taxonomy-vocabulary-2 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Free tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="/en/free_tags/development">Development</a></div><div class="field-item odd"><a href="/en/free_tags/drupal">Drupal</a></div><div class="field-item even"><a href="/en/free_tags/jquery">jquery</a></div></div></div><div class="field field-name-field-add-this field-type-addthis field-label-hidden"><div class="field-items"><div class="field-item even"><a class="addthis_button " addthis:title="2007-05-08 樣版微調(二) - jquery - JOE Tsui&#039;s Drupal life in Hong Kong (香港)" addthis:url="http://joetsuihk.com/en/2007_05_08_jquery"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" alt="Share page with AddThis" /> </a> </div></div></div> Tue, 08 May 2007 14:36:37 +0000 JOE 50 at http://joetsuihk.com http://joetsuihk.com/en/2007_05_07_drupal <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>這站已經差不多滿月了<br /> 日常的營運都開始順暢, 上手了<br /> 所以連日將會對樣式作些微調<br /> 令用戶和我都能更方便, 美觀</p> <p>今日除了顯而易見的寛度改變之外<br /> 對flash 下的menu 用了jquery 作修飾<br /> 順便也秀一下jquery 的功力<br /> 一個漸變的效果, 使用jquery 裡的 fadeIn()<br /> 簡單的代碼做到好的效果</p> <p>來日會一直在樣式上微調,<br /> 以活用tabbed block 等自家產品</p> </div></div></div><div class="field field-name-taxonomy-vocabulary-2 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Free tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="/en/free_tags/development">Development</a></div><div class="field-item odd"><a href="/en/free_tags/drupal">Drupal</a></div><div class="field-item even"><a href="/en/free_tags/jquery">jquery</a></div><div class="field-item odd"><a href="/en/free_tags/theming">theming</a></div></div></div><div class="field field-name-field-add-this field-type-addthis field-label-hidden"><div class="field-items"><div class="field-item even"><a class="addthis_button " addthis:title="2007-05-07 Drupal樣版微調 - JOE Tsui&#039;s Drupal life in Hong Kong (香港)" addthis:url="http://joetsuihk.com/en/2007_05_07_drupal"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" alt="Share page with AddThis" /> </a> </div></div></div> Mon, 07 May 2007 14:57:50 +0000 JOE 49 at http://joetsuihk.com http://joetsuihk.com/en/2007_04_09_drupal_module_develop_tabs_and_ajax <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><p>blog 數正幾何級的減少中...</p> <p>主要是專注於放復活節假...<br />和drupal 的一個模?開發有關</p> <p>這一次的模?是一個recent comment 和 recent blog post 的二合一模?<br />用了jquery library 和 tabs plugin<br />成就一個tab 和ajax 模?<br />當然沿用drupal 內建使用ajax 的方式<br />但講起來容易<br />官網都不多這類的drupal 5.1+ ajax 的描述<br />唯有向已經內建ajax 的現有module 偷師<br />open source 吧...<br />明白了當中的機制之後<br />有寫過ajax 的朋友應該會立即上手<br />如果還沒有寫過, 到jquery 的官網先參考一下ajax 的用法會容易點<br />反正都有中文說明</p> <p>以下假設你已經會做一個模?<br />所以只提重點部份</p> <p>先講tabs 的組成<br />tabs 有一個指定的格式</p> <p>&lt;div&gt;</p> <p> &lt;ul&gt;</p></div></div></div><div class="field field-name-taxonomy-vocabulary-2 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Free tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="/en/free_tags/tabbed_block">Tabbed Block</a></div><div class="field-item odd"><a href="/en/free_tags/drupal">Drupal</a></div><div class="field-item even"><a href="/en/free_tags/jquery">jquery</a></div><div class="field-item odd"><a href="/en/free_tags/tabs">tabs</a></div></div></div><div class="field field-name-field-add-this field-type-addthis field-label-hidden"><div class="field-items"><div class="field-item even"><a class="addthis_button " addthis:title="2007-04-09-drupal-module-develop-with-tabs-and-ajax - JOE Tsui&#039;s Drupal life in Hong Kong (香港)" addthis:url="http://joetsuihk.com/en/2007_04_09_drupal_module_develop_tabs_and_ajax"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" alt="Share page with AddThis" /> </a> </div></div></div> Mon, 09 Apr 2007 01:35:19 +0000 JOE 14 at http://joetsuihk.com