死狐狸的單行本: 1月 2014

2014-01-24

天殺的Linux套件更新----當我升級mysql時…

就在今天，一時手癢想來把CentOS 6.5做yum-update…

原先，使用@base與rpmforge的更新都一切正常…

然後，想說再加上epel和remi時發現，mysql可以update到5.5…所以就更新了…

然後，重新啟動mysqld，它就跟我說「無法啟動」…

繼續閱讀

2014-01-16

jQuery selector使用多條件式

 <div>  
   <a id="a" href="url-1">url1</a><br>  
   <a id="b" href="url-2">url2</a><br>  
   <a id="c" href="url-3">url3</a><br>  
   <a id="d" href="url-4">url4</a><br>  
 </div>

如上述，我若想要div中的所有a在click時有反應，通常會這樣寫

 $('div a').on('click', function(){  
   do-something....;  
 });

若我想讓特定的「某個」id的有反應，會這樣寫

 $("div a[id='a']").on('click', function(){  
   do-something....;  
 });

若我想讓特定的「某個」id沒有反應，其他都有反應，會這樣寫

 $("div a[id!='a']").on('click', function(){  
   do-something....;  
 });

但我若想讓特定的「超過一個」有反應或沒反應，可以這樣寫(以下以沒反應為主)

 $("div a[id!='a'][id!='d']").on('click', function(){  
   do-something....;  
 });

2014-01-13

自訂化google網頁翻譯(updated 2016/12/07)

知道google有提供網站翻譯工具，在選擇好網頁原始語言跟想要轉換的語言之後，可以產出一段原始碼(如下)

 <div id="google_translate_element"></div>  
 <script type="text/javascript">  
 function googleTranslateElementInit() {  
  new google.translate.TranslateElement({pageLanguage: 'zh-TW', includedLanguages: 'en,ja,ko,zh-CN,zh-TW', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, 'google_translate_element');  
 }  
 </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

不過…google給的東西很制式化(google的東西不是應該給個api來做自由度嗎?)，很直接的下拉式選單

但如果我自己想用自己的切換方式而不是google提供的，那怎麼做?

繼續閱讀

2014-01-10

doctype在html上是一件很直接感受到麻煩的事…

最近開始使用html5…

在用dreamweaver cs6建立html5的檔時它會由以前的
xhtml 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

改為

<!doctype html>

然後一些tag在html4時會自動倒斜線結尾的，在html5都不需要了…

但就是doctype有點麻煩，因為在html5的<!doctype html>，會在圖片底部自動會有一個間距…在各瀏覽器間都會存在…(至少我使用chrome、firefox、ie 6/7/8/9/10/11都會有)

參考「http://mepopedia.com/forum/read.php?844,20008」

不過我自己使用過的狀況是…假若你的img沒有包在table中的，那使用「img{vertiical-align:bottom;}」ok…但如果包在table中，那建議用「img{display: block;}」就好…因為前一個似乎沒有反應(我使用的時候)