HHeLiBeXの日記 正道編

日々の記憶の記録とメモ‥

JavaScript

新着順 人気順

カスタムダイアログを表示する

はじめに ちょっとお仕事で必要が生じて、window.confirm()ではまかない切れないカスタムダイアログを出さなければならなくなったので、その検証メモ。 今回は、Laravelを使って組んでいく。 なお、実行環境は以下だが、構築の詳細は割愛。 VirtualBox 7.1.0…

tableの行をドラッグ&ドロップで入れ替える

はじめに ちょっとお仕事で必要が生じて、HTMLテーブルの行をドラッグ&ドロップで入れ替える機能を実装することになったので、その検証メモ。 お仕事では、ドラッグ&ドロップによる行入れ替えのほかに、ドラッグ&ドロップでの行選択の機能も混じるので、…

jsTreeのノードに別のドラッグソースからドロップする

はじめに ちょっとお仕事で必要が生じて、jsTreeというツリー構造を作れるライブラリで作ったツリーのノードに、外部のドラッグソース(具体的にはテーブルの行)からドラッグ&ドロップする機能を実装することになったので、その検証メモ。 今回は、Laravel…

異なるiframe間でドラッグ&ドロップでやり取りする

はじめに ちょっとお仕事で必要が生じて、異なるiframe間でドラッグ&ドロップでデータをやり取りする機能を実装することになったので、その検証メモ。 今回は、Laravelを使って組んでいく。 なお、実行環境は以下だが、構築の詳細は割愛。 VirtualBox 7.1.0…

iframe内のコンテンツに対する右クリックメニューを表示する

はじめに ちょっとお仕事で必要が生じて、iframe内のコンテンツに対する右クリックメニューを表示しなければならなくなったので、その検証メモ。 要件を箇条書きにすると、以下のような感じ。 iframe内のコンテンツを操作するための右クリックメニューの表示…

tableの行をカーソルキー操作(Ctrl、Shift付きも)で選択する

はじめに ちょっとお仕事で必要が生じて、HTMLのテーブルの行をカーソルキー操作(Ctrlキー、Shiftキーが押された場合も含む)で選択状態変更する機能を実装することになったので、その検証メモ。 今回は、Laravelを使って組んでいく。 なお、実行環境は以下…

tableの行をドラッグ&ドロップやマウス操作(Ctrl、Shift付きも)で複数選択する

はじめに ちょっとお仕事で必要が生じて、HTMLのテーブルの行をドラッグ&ドロップやマウス操作(Ctrl、Shift付きも)で複数選択する機能を実装することになったので、その検証メモ。 今回は、Laravelを使って組んでいく。 なお、実行環境は以下だが、構築の…

tableのカラム幅をドラッグ&ドロップで変更して状態を保存&復元する

はじめに ちょっとお仕事で必要が生じて、HTMLのテーブルのカラム幅をドラッグ&ドロップで変更して、その状態を保存&復元する機能を実装することになったので、その検証メモ。 今回は、Laravelを使って組んでいく。 なお、実行環境は以下だが、構築の詳細…

tableのカラムをドラッグ&ドロップで入れ替えて状態を保存&復元する

はじめに ちょっとお仕事で必要が生じて、HTMLのテーブルのカラムをドラッグ&ドロップで入れ替え、その状態を保存&復元する機能を実装することになったので、その検証メモ。 今回は、Laravelを使って組んでいく。 なお、実行環境は以下だが、構築の詳細は…

iframeで構成された3ペインUIの表示幅をドラッグ&ドロップで変更する

はじめに ちょっとお仕事で必要が生じて、iframe 3枚から成る3ペインUIの各ペインの境界線をドラッグ&ドロップして表示幅を変更するという機能を実装することになったので、その検証メモ。 だいたいこんなイメージ。 3ペインUIイメージ 今回は、Laravelを使…

メソッドのオーバーロードをしてみる

JavaScriptでは、関数の引数の型や個数をチェックしないため、いわゆるメソッドのオーバーロードをすることはできない。(というのはどこかで書いた気がする⇒「関数のオーバーロードはできないよ - HHeLiBeXの日記 正道編」) // !!!世の中、思い通りにはいか…

ユーザー操作制御機能(何)を作ってみる

前置き 最近、自分でコーディングする機会がめっきり減ってしまったので、ちょっとしたリハビリにちょっとしたものを作ってみる。 いい名前が思いつかなかったので、こんなタイトル(何)になってしまったが、要するに、 Windows(Vista以降(?))で言うところの…

イベント発生時のマウスカーソルの位置

イベントハンドラについて調べていたときに気づいたことがあって、ついでなので、そっちも調べてみた。 何かというと、マウスイベントが発生したときには当然マウスカーソルの位置を得ることができるが、キーイベントが発生したときにもマウスカーソルの位置…

イベントハンドラからのイベントオブジェクトの参照

序 あるところ(何)で、次のようなイベントハンドラが定義されていて、Firefoxでエラーになるという状況に遭遇したらしい。 document.onkeydown = function() { if (event.keyCode == 32) { ... } ... }; エラー:event is not definedまぁ、確かにコードを見…

Twitterの新Web UIが動作しない

現在、Firefox 3.6.10を使用している。 で‥ (最初はメインのアカウントの方ではなかったが、)Twitterの新Web UIが来たので、アクセスしてみると、ページは真っ白。正確に言うと、上部のメニュー等は表示はされているが、メニューをクリックしてもまったく動…

簡単なアラームアプリ

ちょっと必要が生じて、ブックマークレットを作ったのでさらしておく(謎)。 一応、Firefox 3.6.8で動作確認。 現在のタブで実行する版 整形したコード。 javascript:( function(){ var t=window.prompt('Input time',''); if(t){ var msg=window.prompt('Inp…

ISBNをチェックするユーティリティ

唐突に、いつかどこかで役に立つかなぁ、と思い、持てる力(何)をいろいろ出してユーティリティを書いてみた。 アルゴリズムはWikipedia(ISBN - Wikipedia)を参考にした。 Java版 多少のブランクはあってもやはり私のプライマリ言語ということでまず最初に。 …

JavaScript: The Good Parts

JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス作者: Douglas Crockford,水野貴明出版社/メーカー: オライリージャパン発売日: 2008/12/22メディア: 大型本購入: 94人 クリック: 1,643回この商品を含むブログ (187件) を見るJavaScrip…

location の属性メモ

{window,document}.location.href には表示しているページのURL全体が格納されているというのは即座に出てくるのだが、それ以外の属性がすぐに出てこないのでメモ。 確認のためのグリモンスクリプト。 (function() { alert( '' + '\n' + 'href: ' + location…

Webページの最終表示日時を表示するユーザースクリプト

私は、個人所有のノートPCとかだと、滅多にシャットダウンせずにサスペンド状態にしたりする。もちろん、Webブラウザなんかは起動しっぱなし。 そんな中で、「このページに表示されている情報はいつ現在のものだろう?」と思うときが時々ある。はてなダイア…

関数のオーバーロードはできないよ

Javaを使って開発していると結構はまりがち。以下のようなHTMLファイルを作ってみる。 <html> <head> <script type="text/javascript"> function getContent( a, b, c ) { var elem = document.getElementById('tmp'); elem.innerHTML = 'getContent(a,b,c): ( ' + a + ', ' + b + ', ' + c + ' )'; } fu</head></html>…