高さの異なるスクロールを相互に同期する #JavaScript #JQuery #HTML

高さが異なるスクロール領域を、スクロール領域の割合を基準に同期します。

相互のスクロール領域のスクロール位置を同期する為、

同期対象のスクロールイベントが、スクロール位置の同期時に発火してしまうと、

スクロールの操作がスムーズにならなくなるので

JQueryのon・off関数 を使って、一時的にscrollイベントを無効にしています。

ブラウザの閉じるボタンに割り込む #JavaScript #JQuery

経緯

過去に、間違ってブラウザを閉じない為の対策の一つとして、調べた内容になります。

onbeforeunloadイベントを使う

onbeforeunloadイベントで、画面遷移の前に特定の処理を実行できるイベントです。

returnで、trueまたは文字列を返すと、ブラウザ標準の確認ダイアログが表示され、確認を促せます。

JQueryは.unload()イベントになります。

“ブラウザの閉じるボタンに割り込む #JavaScript #JQuery” の続きを読む

ダウンロード開始の検出 #Java #JQuery

サーバサイドで、巨大なExcelファイル(Apache POI利用)を長時間作成するので、
ダウンロードの開始を画面で検知し、処理中の状態を表示できるようにしました。

ServletとJQueryでCookieをやり取りするレガシーな処理です。
Cookieはダウンロードするファイルと一緒に、レスポンス(Header)として返す事ができます。

ダウンロード中に表示されるプログレスボタンは、JQuery-UIのプログレスを想定しています。

“ダウンロード開始の検出 #Java #JQuery” の続きを読む

選択されたオブジェクトをスクロールの一番上に表示 #JavaScript

スクロール内のオブジェクトについて、選択されたオブジェクトをスクロールの一番上に表示します。

初期表示時に、特定の位置まで自動スクロールを行いたかったので、作りました。

JQueryを利用しています。 “選択されたオブジェクトをスクロールの一番上に表示 #JavaScript” の続きを読む