Tag: plugin

jQuery tinyMap v3.2 release

2015 年 06 月 17 日

前一陣子釋出了 v3.2 版本，也順便更新了套件網站，除了讓網站讀取更為順暢，也將使用文件做了大幅度更動。 GitHub jQuery tinyMap v3.2 最主要的更新有：不再需要手動引入 Google Maps API 以及 markerclusterer 函式庫了。可自訂路徑規劃各中繼點的圖示。支援原生 directions 參數。支援原生 kml 參數。支援原生 markerCluster 參數。支援 Places API。更有彈性的 clear 清除方法。全新的 get 方法，讓獲取圖層更彈性及簡單。(v3.2.3) 修正錯誤。 get 方法使用範例 // 取得所有圖層 var layers = $(selector).tinyMap('get'); // 取得指定圖層 var layer = $(selector).tinyMap('get', 'marker'); // 取得多個圖層 var layer = […]

技術文章, 軟體分享

jQuery tinyMap – 輕鬆建立 Google Maps 的 jQuery Plugin

2013 年 07 月 30 日

essoduke chang

api, google, javascript, jquery, map, plugin

jQuery tinyMap 是一款可以輕鬆在網頁上建立 Google Map 的 Plugin。最新版本: 2.7.0 (2014-05-22) jQuery tinyMap – 輕鬆建立 Google Maps 的 jQuery Plugin GitHub – jQuery tinyMap

技術文章

jQuery TWzipcode32: 3+2 郵遞區號 Plugin 測試

2013 年 07 月 19 日

essoduke chang

jquery, plugin, 郵遞區號

雖然這個 plugin 似乎沒什麼需求，畢竟可以查詢的資源太多，不過還是口嫌體正直地試著實做了。實做難度在於把資料正規化，以及為了異步讀取必須把資料檔縮小，這部份對照之前的 1.0 版倒是足足縮減成 1/6。正規化方面最麻煩，雖然測試過幾個地址都正確無誤，但是我對於查詢結果實在是沒什麼信心 XD（希望有人能提點一下查詢網站怎麼做的）最後就是希望操作流程能更方便，因此捨棄之前很蠢的地址下拉方式，改為直接讓使用者輸入地址（惟縣市和鄉鎮市區暫時採用清單）會更為直觀。這個 beta 用到的所有檔案都能夠下載，若發現有任何錯誤或能改進的地方，請務必鞭策！

技術文章, 資訊科技

[更新] jQuery 台灣郵遞區號套件 1.4.1

2011 年 10 月 12 日

essoduke chang

jquery, plugin, twzipcode

1.4.1 (Oct 12, 2011) 新增參數 detect 可偵測用戶位置 (需載入 Google Maps API, 僅適用 IE9/Firefox 3.x/Chrome/Opera 10.5/Safari 4) Demo: 台灣郵遞區號外掛 / Taiwan Zip Code Plugin of jQuery 要使用新功能必須先載入 Google Maps API <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 然後加入 detect 參數並設為 true 即可 $(function () { $(selector).twzipcode({ detect: true }); }); 當瀏覽器偵測到地理位置請求時會在上方出現: 確認後再重整一次網頁即可看到偵測結果。附註說明 Geolocation API 屬於 HTML5 的規格，所以瀏覽器僅支援 IE9/Google Chrome/Safari […]

技術文章, 資訊科技, 軟體分享

tinyMap 2.0 jQuery Plugin

2010 年 09 月 08 日

essoduke chang

google, jquery, map, plugin, tinymap

自從研究 Plurk API 失敗後，也剛好 Google Map API Javascript v3 已釋出一段時間，索性這次整個改寫 tinyMap。 Demo: tinyMap 2.0 jQuery Plugin 2.0 版的特色：使用 Google Map API v3 改寫加入路徑規劃功能延伸閱讀： tinyMap – 自訂個人Google Map 的jQuery 擴充套件

技術文章, 網站日誌

Af Extended Live Archives for WordPress 3.0

2010 年 08 月 02 日

essoduke chang

archives, plugin, wordpress

※ 官方已釋出相容於 WordPress 3.x 的更新了！這個偏方由 Extended Live Archives and WordPress 3.0 – info.michael-simons.eu 提供。話說這個 Plugin 在 WordPress 3.0 出現水土不服，所以需要自己抓藥方，步驟如下：下載 Af Extended Live Archives 的最新版本解壓縮後開啟 includes/af-extended-live-archive.js.php 和 includes/af-ela.php 這兩個檔案尋找 require('../../../../wp-blog-header.php'); 取代為： require_once('../../../../wp-config.php'); $wp_did_header = true; $wp->init(); 服用後再開啟 Archives 頁，就知效果！

技術文章, 軟體分享

jQuery 台灣郵遞區號外掛 v1.1 update

2009 年 10 月 29 日

essoduke chang

javascript, jquery, plugin, twzipcode, zipcode, 郵遞區號

這次更新主要是改寫了原有的結構變得更簡潔、效能更好，並修改下列幾項：可不需先建立 HTML 表單，由程式直接產生並直接指定表單元件名稱。加入 Css 的支援參數說明 countyName: 指定縣市下拉清單名稱 (String) /* 若不指定則預設名稱為 zip_county[] */ areaName: 指定鄉鎮市區下拉清單名稱 (String) /* 若不指定則預設名稱為 zip_area[] */ zipName: 指定郵遞區號輸入框名稱 (String) /* 若不指定則預設名稱為 zip_code[] */ countySel: 縣市預設值 (String) areaSel: 鄉鎮市區預設值 (String) css: [‘County ClassName’, ‘Area ClassName’, ‘Zip ClassName’] (Array) 自訂元件名稱範例 // Javascript $('#container').twzipcode({ countyName: 'county', areaName: 'area', zipName: 'zip' }); // […]

技術文章

form preview within Thickbox via Ajax

2008 年 04 月 22 日

essoduke chang

ajax, javascript, jquery, plugin

突然想研究用 Thickbox 搭配 Ajax 來達成表單預覽的功能，就動手實作了一下。 jQuery Ajax var url = "preview.php?" + new Date().getTime(); $.post(url, {c: $("#content").val()}, function(result){ $("#preview_temp").html(result); tb_show('caption', '#TB_inline?height=480&width=640&inlineId=preview_temp', false); } ); 流程其實很簡單，就是把結果 post 到後端處理的程式，再把結果 callback 到頁面元素就行了，會用 post 就是不用受限於 get 的 2KB 限制。整個流程的重點在於「如何在 javascript 中呼叫 Thickbox」，方法就是直接使用 tb_show 函式，把 url 直接替換成呼叫 inline 的方式即可： //tb_show('Your Caption', href, group); tb_show('caption', '#TB_inline?height=480&width=640&inlineId=preview_temp', false); Demo: form preview […]

技術文章

使用 jQuery 製作樹狀目錄

2007 年 10 月 10 日

essoduke chang

javascript, jquery, plugin

過陣子可能有個案子要使用到無限多層的表達方法，參考過 YUI ，但是自己對於 jQuery 比較熟悉，所以就使用 Treeview plugin 來製作。資料表的結構也很簡單，我規劃下列幾個欄位：編號 id – int(4) auto_increment) 標籤名稱 label – varchar(50) 父項目編號 parent – int(4) 排序 sort – int(4) php 端採用遞迴方式實做： function treeview($parent) { $sql = " SELECT * FROM items WHERE parent=$parent"; $result = mysql_query($sql); $output = array(); while($record = mysql_fetch_array($result)){array_push($output, $record);} $cc = count($output); if(!$parent == […]