應用sessionStorage改善WordPress “The Grid” plugin的UX
The Grid是在wordpress裡還算不錯用的plugin，可以將文章做grid排列展示，同時設定篩選條件來過濾。但有個比較大的問題是，當使用者點選grid上的連結，在回到原本grid頁面的時候，原本篩選器的設定就被重設(經過測試Firefox不會有這個問題，而Google Chrome會)，導致使用者需要重新設定篩選，一整個UX很糟。
Tag: jquery
jQuery display multiple rows of data to a web page table
Backend C# side string Info = ""; if (ds.Tables[1] != null) { for (int i = 0; i < ds.Tables[1].Rows.Count; i++) { if (Info == "") { } else { Info = Info + ","; } Info = Info + String.Format("{{\"id\": \"{0}\", \"type\": \"{1}\", \"Bal\": \"{2}\"}}", ds.Tables[1].Rows[i]["id"].ToString(), ds.Tables[1].Rows[i]["type"].ToString(), ds.Tables[1].Rows[i]["Bal"].ToString() ); } } Response.Write(String.Format("{{\"username\":\"{0}\", \"credit\":\"{1}\", \"balance\":\"{2}\", […]
取得網頁中滑鼠油標下的元素 / Get the web element under mouse cursor
方法1: 透過 mouse events 去取得 mouse cursor position, 然後再呼叫 document.elementFromPoint var x = event.clientX, y = event.clientY, elementMouseIsOver = document.elementFromPoint(x, y); 方法2: 在比較新的瀏覽器可以用 jquery 的 querySelectorAll 取得 document.querySelectorAll( ":hover" );