懷念的80年代:魔術方塊鬧鐘

Rubik's Cube Clock

村上春樹好像好像沒有把魔術方塊(Rubik’s Cube)列入他懷念的80年代事物,不過它的經典地位是毋庸置疑的。

想要重溫舊夢又不想長更多白頭髮的話,perpetual kid提供一個很好的選項:80’s Cube Clock,定價19.99美元,不能真的當魔術方塊解,事實上只有最上面那一層的方塊可以旋轉,四面剛好是四種模式:時間、日曆、溫度計和鬧鐘。

The Bubble Project: Sex & Drugs

2005年的時候我曾經寫過關於The Bubble Project簡短介紹,今天很高興發現這個計畫不但還持續著,而且已經小有規模。

在紐約大街小巷還包括地鐵裡的廣告上貼著的泡泡,路人們發揮創意填上文字後,產生彷彿潛台詞的戲劇效果。這就是泡泡計畫魅力所在之處。

下面這張照片是放在網站相片集「Sex & Drugs」分類的第一張照片。

Have you seen my ...

Current上有一部介紹泡泡計畫的5分多鐘短片,有興趣的人可以看看。[via Likecool]

數位式拼圖鬧鐘

Digital Puzzle Alarm Clock

許久前曾經介紹過的拼圖鬧鐘有了姊妹作,這次的鐘面是數位式的,可以設定以12小時或24小時制來顯示時間。

規則一樣是要停止鬧鐘響鈴的話,必須將三塊拼圖(比較像是積木)塞回各自正確的位置。LatestBuy的售價為新台幣1,170.14元,而且還有提醒三歲小孩以上才適用,避免積木被吞到肚子裡的危險。[via GeekAlerts]

HP Logo混搭版

HP V.S. Harry Potter

Mario Amaya在部落格上發表了一系列的混搭Logo,頗有趣味。上面這張HP = Harry Potter是我覺得最搭配的組合。

[jQuery] 用Jeditable快速更新MySQL資料

Jeditable是一個用來達成「就地編輯」(Edit In Place)目的的jQuery plugin,以下簡單介紹這個外掛的用法,以及如何將編輯完成的內容更新到MySQL資料表中。

在本文的範例中,要更新的是如下的資料表:

通常我們會把資料表的資料拉到網頁裡,如下圖,前兩個欄位即是要利用Jeditable來編輯的資料。第一欄(對應資料表category欄)要使用文字框(text input)來編輯,第二欄(對應資料表parent欄)則是用下拉選單(select)編輯。

將要更新的資料以div包住,並加上class和id屬性。請注意id值的數字是用php動態產生的,即是資料表的cId欄位值

使用這個外掛的語法如下:

在這幾個參數裡面,第一個參數「save.php」即是將更新內容存入資料庫的後端處理程序,其他的參數應該不難理解;比較值得介紹的是「loadurl」這個參數,如果我們希望動態產生下拉選單的內容,就必須使用loadurl來加入外部資料。這個部份請參閱Jeditable官方網頁的「How to use selects?」一節。

完成上述步驟後,就地編輯就會開始作用了。點擊可編輯的文字時,Jeditable會自動產生一張表單,在本例中會依照「type」參數的設定,出現文字框或下拉選單:

按下「修改」送出表單時,Jeditable預設後端(save.php)會接收到兩個POST變數:$_POST['id']和$_POST['value'](變數名稱也是預設的,可以使用id和name兩個參數修改)。$_POST['id']的值等於前述放在div裡的id值,$_POST['value']則是在表單欄位內輸入的值。

後端(save.php)更新資料表的程式碼如下(參考來源:DeviLib.com):

完成後的成品網頁請按此測試。有個缺憾是,這個外掛無法直接搭配jQuery Validation一起使用,必須另行客製(有善心人士可以提供嗎?),所以我是用php在後端做資料驗證的。想了解更多資訊,請務必到Jeditable官方網頁一遊。有任何的問題指教,也歡迎與我討論。

Pages: « 1 2 3 4 5 6 ...96 97 98 »