PerfectなScrollbar

スクロールバープラグインです http://utatti.github.io/perfect-scrollbar/ 最新は1.4.0 d.tsも公式で用意されていますが、TypeScript2以降用のようなのでエラーになる定義はコメントアウトか型をanyにします最初の頃はJqueyプラグインだったと記憶してい…

2019-04-29

左右からパネル

プログラム TypeScript jQuery jQuery Mobile

パネルです横からスライドしてくるパネルですが、NuGetから落ちてくるjQuery Mobileの古いd.tsには含まれていません仕方がないので自力で追加しますが、たいしたものではないのでcm.tsに含めてしまいます /Src/cm.ts /* * Panel */ interface PanelOptions…

2019-04-28

やっぱりPopupも必要

プログラム TypeScript jQuery jQuery Mobile

ポップアップを拡張してみます/Src/cm.css /* Popup */ .ui-popup > .ui-header:after, .ui-popup > .ui-footer:after { content: ""; clear: both; display: block; } ポップアップにヘッダ、フッタを付けたときのfloat対策です/Src/cm.ts namespace cmを追…

2019-04-26

子ウィンドウを作ってみる

プログラム jQuery jQuery Mobile TypeScript

本題の子ウィンドウを作成します理屈は簡単で、半透明のオーバーラップ用div(position: fixed)の内側にウィンドウ枠となるdiv(position: relative)だけですクラスは.ui-subwindowとします /Src/cm.css /* Subwindow */ div.ui-subwindow, div.ui-subwindow…

2019-04-24

TypeScriptでjQueryプラグインとか

プログラム jQuery jQuery Mobile TypeScript

かなりポンコツなjQuery Mobile 特にPopupは結構致命傷で、例えばInputを配置してAndroidで表示すると日本語入力できませんキーボードに負けます公式のデモでもそうなので、現状どうしようもないのでしょうそこで別途オーバーラップな子ウィンドウをでっち…

2019-04-23

デスクトップなjQuery Mobile

プログラム jQuery jQuery Mobile

実際にページを作ってみますポチッとな /Home/Index.vbhtml <html> <head> <title>Home</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta charset="utf-8" /> </meta></meta></meta></head></html>

2019-04-22

jQuery MobileのCSSを弄くり倒す

プログラム jQuery jQuery Mobile

jQuery MobileのクソなところをCSSで修正しちゃいます。ソースフォルダは/Srcとします。 app.css アプリケーション固有のCSS cm.css 共通CSS としておきます可能な限りimportantは使わないようにしましょう適用順を上位にしたい場合は.ui-pageとかbodyとか…