Skip to content

Phanix's Blog

Menu
  • About Me / 關於我

Tag: jquery

應用sessionStorage改善WordPress “The Grid” plugin的UX

No Comments
| 學習工作, 程式

The Grid是在wordpress裡還算不錯用的plugin,可以將文章做grid排列展示,同時設定篩選條件來過濾。但有個比較大的問題是,當使用者點選grid上的連結,在回到原本grid頁面的時候,原本篩選器的設定就被重設(經過測試Firefox不會有這個問題,而Google Chrome會),導致使用者需要重新設定篩選,一整個UX很糟。

Read More »

jQuery display multiple rows of data to a web page table

No Comments
| 學習工作, 工作, 程式, 電腦網路

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}\", […]

Read More »

取得網頁中滑鼠油標下的元素 / Get the web element under mouse cursor

No Comments
| 學習工作, 程式

方法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" );

Read More »

Recent Posts

  • Print date time with ms in PHP, which is faster?
  • Backup mongodb to GCP storage with crontab
  • Apache redirects specific site requests to the other URL
  • Apache multiple allow origin (enable CORS) for multiple domains
  • Google Calendar 行事曆加行程 link

Recent Comments

  • 天灰 on 撲克牌遊戲 — 德州撲克 (Texas Hold’em / Texas Poker)
  • 用FFmpeg取代 AWS Media Converter - Phanix's Blog on AWS S3+Media Converter+CloudFront 做 video file streaming CDN服務
  • Mount GCP storage as filesystem, and access with php - Phanix's Blog on php+apache 執行 sudo 命令出現 sudo: no tty present and no askpass program specified
  • Chateau de la Roche-aux-Moines (Nicolas Joly) Tasting - Phanix's Blog on Nicolas Joly 與他的生物動力法哲學
  • 安裝非預設版號 certbot apache plugin / installing certbot apache plugin with non-default version number - Phanix's Blog on AWS Route53 Geo dns with letsencrypt

Archives

Tags

.net (29) 2008 (66) 2009 (91) Bordeaux (45) Bourgogne (36) c# (33) Cabernet Sauvignon (41) California (85) Chardonnay (46) dessert wine (26) food (53) France (57) France 法國 (68) French (28) japanese food (32) murmuring (25) photo-taking (46) photographing (48) php (41) Pinot Noir (52) programming (36) red wine (187) Santa Cruz (33) system administration (68) Taiwan (40) traveling (74) USA (125) white wine (119) wine (174) wine tasting (223) 加州 (64) 勃根地 (39) 台灣 (29) 品酒 (220) 攝影 (93) 旅遊 (60) 氣泡酒 (24) 法國 (31) 波爾多 (37) 甜酒 (28) 白酒 (115) 系統管理 (48) 紅酒 (184) 美國 (100) 義大利 (36)

Categories

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Phanix's Blog 2023 . Powered by WordPress