JavaScript 開發筆記

利用 JQuery 移除 Pixnet 的廣告

Pixnet已經在網誌中強行加入廣告了,對於不喜歡廣告的用戶來說,實在是一件很麻煩的事。然而,上有政策下有對策,接下來你可以自己加入下列的程式碼,來移除廣告喔!

而使用這個方法前,你必須到Pixnet後台,新增一個自訂的欄位,或者找任意一個自訂的欄位,加入以下的程式碼:

 

當然或許pixnet官方會在做程式碼的更新,而我也不知道這是不是有違反使用規則,要不要用就自己斟酌囉!

[jquery] 將網址總是以新分頁連結開啟

想像一個狀況,你寫了一堆的部落格文章,每篇文章內總是有許多的連結,但是連結都沒有用新分頁開啟。有一天,你突然想到要將這些連結,都以新的分頁開啟,這該怎麼辦呢?是要一篇一篇去修改,還是自己動手寫 javascript 呢?

如果你會javascript,那最好也不夠了!如果不會,那就要在前人種下的樹乘涼了!而jquery正是你的好夥伴!jquery是一套javascript的framework,我想jquery的教學在網路上有許多,可以使用google去找就找得到,這裡隻介紹一下我們要用到的基本知識。

首先,先舉一個例子來說。以本站而言,如果要以新的分頁開啟本站外全部的連結,那我可以將程式碼寫成如下:

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
   // <![CDATA[
   $(document).ready(function(event){
       $("a").click(function(event){
          $("a").not("[href*=inote.tw]").attr("target","_blank");
       });
   });
   // ]]>
</script>

 

Continue reading

讓 IE 6 與 IE 7 支援更好的CSS標準

長期以來,網頁設計師對於IE牛步更新對CSS的支援一直感到很無力,雖然IE8開始對於CSS支援有所進步,但是不可能要求每個使用者都去更新為IE8,也因此,這是寫程式的人一直感到很無力的地方。

幸好,在百書爭鳴的圖書館,發現一本「碼上就用CSS」,而在這本書中,讓海芋從中學到IE6支援比較新的CSS語法的方法了。

而你只要在「」前加入以下程式碼就好了。

[html] 怎樣加入自動重新整理或跳到特定網頁

在 HTML 中,只要加一小段程式碼,就可以讓網頁自動導向別的網站,或者是重新整理,對於部落格搬家的朋友,這會是一個非常實用的技巧。而要這麼做的方式很簡單,只要在後,加入下列程式碼就可以了,數字是要隔幾秒後要重新整理,以本例來說,隔十秒就會讓網頁重新整理。

如果要跳到特定網頁,只要用下列程式碼模組就可以了:

舉例來說,若輸入以下的程式碼,則隔十秒後,會跳到本站。