Feed on
Posts
Comments

Tag Archive 'javascript'

JavaScript 的條件判斷式

Posted in javascript on Jan 25th, 2013

網路上看到這篇 Two Things About Conditionals in JavaScript，比較另我訝異的是第一點 “One: There is no else if“，該作者提到在 Javascript 的寫法裡面沒有 else if，底下直接看例子: function saySomething( msg ) {   if ( msg === ‘Hello’ ) {     console.log(’Hello there’);   } else if ( msg === ‘Yo’ ) {     console.log(’Yo dawg’);   } } 上面是我們一般在寫 JS 會用到的條件子句，但是實際上 JS [...]

Read Full Post »

如何使用 Apache Module mod_mime

Posted in apache, javascript on May 10th, 2012

Apache 可以透過 mod_mime 模組且根據使用者定義的副檔名來 response data 給 Client 端，此功能可以應用在前台搭配 Template Library，例如 Mustache Logic-less templates，透過此 Apache 模組 可以在 html 檔案將定義好全部 Template，一次讀取進來，底下舉個例子: <script type="text/x-mustache-template" data-id="me">   <!–#include file="assets/templates/test1.mustache" –> </script> 我們希望 apache 能夠讀取 assets/templates/test1.mustache，並且將檔案內容放到 script 裡面，這時候就必須在 apache httpd.conf 定義 text/x-mustache-template <ifmodule mime_module>     AddType text/x-mustache-template .mustache     AddOutputFilter INCLUDES .mustache </ifmodule>

Read Full Post »

Node.js Version Management 多版本管理

Posted in javascript, NodeJS on Nov 29th, 2011

相信大家對於 Node.js 版本 Release 太快而感到困擾，每次新版出來，就要開始升級原本的版本，加上測試及修改，一定會浪費不少時間在上面，不管是任何語言我都希望能有一套 Version Management 來管理各版本之間的差異，以及讓使用者可以隨時切換版本來使用測試。那今天來介紹一套 Node.js Version Management，這隻程式是用 shell script 下去撰寫，可以安裝多版本在 Linux 本機上面，隨時都可以切換不同版本測試。此作者也是 expressjs Framework 發起者。

Read Full Post »

Front End Engineer 前端設計師必備工具 Live.js

Posted in CSS, javascript on Nov 4th, 2011

在不久之前介紹一篇: LiveReload 網頁程式設計師必備工具，該篇適合用在寫後端+前端的開發者，對於剛開始摸網頁的初學者可能不是很容易就上手，加上在 Windows 或 Linux 上面需要一點安裝步驟。不久之前在 IRC 頻道 #codeigniter.tw 有網友熱心提供一套好用工具 Live.js，這一套幫助您開發前端設計的部份，也就是 Javascript Html 跟 CSS，一樣讓您不用在切換視窗 Alt+TAB，只要您任何時間修改了 HTML + CSS + Javascript，視窗就會自動重新 reload，底下整理該工具特性 只有支援 Html JavaScript CSS 三種格式 只有支援網站 Local 檔案，也就是必須是同網域 並不支援 File:// 協定，換句話說必須有 Web Server (Apache or Lighttpd or Nginx)

Read Full Post »

HTML5 placeholder attribute 在 IE 上顯示

Posted in javascript, jQuery on Nov 1st, 2011

程式設計師在網頁表單上通常會設計很多提示的功能，而在 Html5 提供了 placeholder attribute 這功能，目前 FireFox Safari Google Chrome 都沒有顯示上的問題，唯獨 IE8(含以下)都沒辦法顯示這功能，所以必須透過 javascript 來解決這部份問題了，網路上找到這篇解決方式，底下是原始碼 <!–[if IE]> <script type="text/javascript"> // A no-dependancy quick and dirty method of adding basic // placeholder functionality to Internet Explorer 5.5+ // Author: Jay Williams <myd3.com> // License: MIT License // Link: https://gist.github.com/1105055 function add_placeholder (id, placeholder) {     var [...]

Read Full Post »

JavaScript Reference Select and Option objects 用法介紹

Posted in javascript, jQuery on Aug 19th, 2011

在網頁裡面用 Select 是很常遇到的，之前也寫了一篇如何利用 jQuery 動態增加 option 或取值，jQuery 部份就不介紹了，那是需要搭配 jQuery Plugin: Select box manipulation，今天要介紹的是如何用 javascript 動態取值或者是增加 option 選項。因為我發現有使用者直接利用 innerHtml 的方式來把資料塞入到 Select 裡面，雖然 FireFox 或 Chrome 都可以正常運作，但是遇到 IE 還是沒辦法動。 如何取得 select element 底下很多方法可以取得 select element: 1. 透過 form name + element name document.myform.selectname 2. 透過 form name + element 陣列(注意看 select 是位在 form element index 值多少) document.myform.elements [...]

Read Full Post »

無痛安裝 NodeJS 和 Node Framework Express

Posted in javascript, NodeJS, Ubuntu on Aug 11th, 2011

NodeJS 是目前當紅的 Web 2.0 技術，去年 COSCUP 2010 就有 KKBOX 資深工程師 ericpi 來探討這個議題，NodeJS 背後使用了 V8 引擎為基礎，沒看過用純 JS 來當 Server-Side 吧，台灣很紅的 Plurk 也是大量使用 NodeJS，然而每開發一種語言，就會想開始找搭配的 Framework，那就首推 Node Framework Express 來撰寫程式，本篇是要介紹如何在 Ubuntu 10.10 無痛安裝 nodejs + express。 下載 Nodejs 原始碼 直接到官網下載 Stable 的版本吧，目前是 node-v0.4.10.tar.gz，也可以先看看 API Document # wget http://nodejs.org/dist/node-v0.4.10.tar.gz

Read Full Post »

用 js 或 php 判斷 Android 手機上網

Posted in javascript, jQuery, php, www on Mar 5th, 2011

之前寫了一篇 jQuery 偵測瀏覽器版本, 作業系統(OS detection)，這次可以來加上 Android 手機版本，其實就是分析瀏覽器 User Agent 來達到目的，底下分享 PHP 跟 Javascript 作法 PHP 方法 if(stripos($_SERVER[’HTTP_USER_AGENT’],’Android’) !== false) {     header(’Location: http://android.xxx.com’);     exit(); } Javascript 方法 if(navigator.userAgent.match(/Android/i)) {     window.location = ‘http://android.xxx.com’; } Apache .htaccess 方法 用 Apache mod rewrite 方法 RewriteCond %{HTTP_USER_AGENT} ^.*Android.*$ RewriteRule ^(.*)$ http://android.xxx.com [R=301]

Read Full Post »

jQuery 偵測瀏覽器版本, 作業系統(OS detection)

Posted in AJAX, javascript, jQuery on Oct 6th, 2010

update: 簡易版的偵測 iphone/ipod time: 23:32 jQuery 真是一個相當方便的 javascript framework，最近在弄嵌入式系統時候需要去偵測瀏覽器 user agent，就類似下此訊息 “Mozilla/4.0 (compatible; MSIE 4.01; Windows 95)“，原本打算直接用 C 語言內建的 getenv(“HTTP_USER_AGENT”) 來做掉，不過後來想想，直接在 UI 那邊，利用 jQuery 來偵測瀏覽器版本、系統OS，這樣就解決了，上網找到有人寫了 jQuery browser and OS detection plugin，利用底下語法就可以知道一些 user agent 裡面的資料 <html> <body>     <div id="os"></div>     <div id="browser"></div>     <div id="version"></div>     <div id="d_width"></div>     <div [...]

Read Full Post »

[筆記] iframe 父頁子頁呼叫函式 parent call function

Posted in javascript on May 8th, 2010

紀錄 iframe 如何呼叫子頁或者是父頁函式，iframe 在現今 Web 2.0 時代已經不流行了，因為有很多問題的存在，例如對於 SEO 搜尋引擎也沒有幫助，但是也是很多人在使用，底下筆記心得，說不定之後會 google 到自己的文章，哈哈。 父頁(主視窗)呼叫子頁函式： /* iframeID 是 iframe ID*/ window.iframeID.formSubmit(); /* ifr 是 iframe ID */ document.getElementById(’ifr’).contentWindow.formSubmit(); 子頁(iframe)呼叫父頁(主視窗)函式： parent.formSubmit(); 如果有兩層 parent.parent.formSubmit(); 注意 timing issue，等 iframe 視窗 load 完之後才可以呼叫 iframe function。至於如果取主視窗跟 iframe 的變數 value，可以利用 jQuery $(“#ID”) 方式來得到。 reference: 【程式】JS : parent , iframe function call Access child function [...]

Read Full Post »

Older Posts »