目前分類:jQuery (9)

瀏覽方式: 標題列表 簡短摘要

嘗試要複製一個表格列,裡頭有輸入日期的 input,想把它的資料清掉,讓使用者能輸入多筆資料。

"How to clone jQuery Datepicker input field" 這篇找到解答。

var row = $($("table > tbody tr")[0]).clone(); // 複製資料列(資料列內包含輸入框)
文章標籤

fannys23 發表在 痞客邦 PIXNET 留言(7) 人氣()

因為有一個頁面要設定大量的 Google Map 地圖標記 (marker),覺得標記一多看起來好混亂,記得好像有很多網站可以把它 Google Map 的地圖標記群組起來,但是一開始找不到。問了其他人才知道,這個地圖標記群組叫做「地圖標記叢集」(marker cluster)。

有人推薦 jQuery plugin "tinyMap",身為一個懶人,有 jQuery plugin 當然是直接撈來用,但可能是天意註定要我勤快一點看原始文件,我怎麼用都用不起來。 XD

最以後來參考了官方 API 的介紹文:"Too Many Markers!",這樣子完成了我該做的事:

文章標籤

fannys23 發表在 痞客邦 PIXNET 留言(0) 人氣()

覺得使用兩個下拉選單選取年份與月份有點累人,試著找一下有沒有適合的 month-year select calendar。

Month Picker

文章標籤

fannys23 發表在 痞客邦 PIXNET 留言(0) 人氣()

想要使用 jQuery UI 的 button widget,firebug 裡卻顯示這樣的錯誤訊息:

TypeError: $(".button").button is not a function

本來以為是沒有引用 jquery.js 或是 jquery-ui.js,

文章標籤

fannys23 發表在 痞客邦 PIXNET 留言(0) 人氣()

幫忙寫了一支小程式,因為對方懶得整合所以挖了一個 iframe 給我。這下有點困擾,thickbox 點下去會直接在 iframe 的正中央顯示出來,凍結視窗的效果 (modal) 也只在 iframe 裡面作用。照著《ThickBox 插件在 iframe中使用》依樣畫葫蘆做設定:

1. 先到 jQuery 官網下載 jQuery core、到 ThickBox 官網下載 ThickBox 3.1(因為等一下要修改原始碼,這邊下載未壓縮版本以便之後修改),放到專案資料夾裡。

2. 在 iframe 內嵌的網頁 <head> 區段裡引入 jQuery & thickbox。

fannys23 發表在 痞客邦 PIXNET 留言(0) 人氣()

今天在 jQuery UI 網站上挑佈景主題 (theme),發現右上角冒出一則小訊息,寫著 "New! Bring ThemeRoller into any page: Get the ThemeRoller Firefox Bookmarklet!" (在任意頁面使用 ThemeRoller: 取得 ThemeRoller Firefox 書籤小工具)。

加入的方式很簡單,準備一個 FireFox,打開 jQuery UI ThemeRoller,滑鼠左鍵拉著 "ThemeRoller Dev Tool" 這行,拖到書籤工具列上,就大功告成囉。

fannys23 發表在 痞客邦 PIXNET 留言(0) 人氣()

今天為了做個選單,於是打算把 jQuery 放在 MasterPage 裡。如果網頁 (*.aspx) 和 MasterPage 放在同一層還 OK,但若程式和 MasterPage 分處不同的資料夾,就會因為相對路徑的問題而造成無法讀取 jQuery core 與 CSS。

嘗試做了幾個試驗,譬如說寫成這樣:

fannys23 發表在 痞客邦 PIXNET 留言(6) 人氣()

學了一下 jQuery 就躍躍欲試的把它用在目前的系統裡。系統是 ASP.net 開發的,有一個功能是使用者變更密碼,當使用者輸入密碼時要檢查使用者密碼強度。不過問題出現了,按下了「確定修改」的按鈕後,postback 回到原頁面後,以下這段檢查密碼的 jQuery 就不肯動了。

        jQuery(document).ready(function() {

fannys23 發表在 痞客邦 PIXNET 留言(1) 人氣()

jQuery 是一個已經廣為使用的 JavaScript 函式庫,目前已經獲得微軟與 Nokia 青睞,即將被納入這兩家廠商的產品中。觀望了很久,今天是第一天玩 jQuery,記錄一下操作的過程。

首先準備一個簡單的測試頁面。它分成三個部分:HTML、CSS、JavaScript。你可以把以下的原始碼複製貼上到記事本,注意要儲存相對應的副檔名。

fannys23 發表在 痞客邦 PIXNET 留言(0) 人氣()