フロートウィンドウを生成するjavascript「Mocha」
ページ内を自由に移動でき、フロートするウィンドウを複数同一ページに生成できるスクリプトが今回紹介する「Mocha」です。 Mochaで生成したフロートウィンドウは拡大、閉じるボタン付きで、マウスのドラッグ操作での移動も可能。日本語表示もOKとかなり自由度の高いウィンドウとなっています。 詳しくは以下 表示させるだけでなくフォームを使って新しいウィンドウも作り出せるようになっています。ウィンドウを生成するフォーム上ではリンクや太字などのHTMLが通るみたいで、画像タグなんかも問題が無く表示されるようになっています。 ダウンロードできるパッケージにはサンプルページとcss、そしてスクリプトが同封されていて、サンプルページを見ながら改変すれば色々と使えそうです。またデザインもCSSで制御されているみたいなので、上手く使えば色々な所に活用できそうです。Mochaはmootoolsのプラグインでスク
F's Garage：Javascriptによるインラインウインドウの研究
インラインウインドウとは、外部Javascriptで作られた、ウインドウ型のユーザインターフェースです。（勝手に名前を付けました） このウインドウをブックマークレットで呼び出すことで、いろんなWebサイトのページに組み込みのウインドウを表示することができます。 ウインドウ内の機能は、Javascriptで操作しますから、そのページを変更したり、外部と通信したり、URL、画像、文字を別のサーバーに送ったりすることができます。 モバツイッターに追加した、自分専用のミニブログ機能「OKUZASHIKI」に、このウインドウがブックマークレットとして提供されていて、PCブラウザで見ている画像情報や選択したテキストを、簡単にツイッターに送信することができます。 まるでtumblrのように画面上の画像やテキストを、ツイッターに送信できるようになります。 インラインウインドウのサンプル 上記のリンクをクリ
MOONGIFT: » クールなWebベースポップアップウィンドウ「ModalBox」:オープンソースを毎日紹介
※ 画像は公式サイトデモより これはクール！ 思わず使い道を考えてしまった。Mac OSXではダイアログがウィンドウの上部から出てくる。あの表示が何となく好きという人も多いだろう。あれを実現するJavaScriptがこれだ。 今回紹介するオープンソース・ソフトウェアはModalBox、ウェブベースのポップアップ＆ウィザードだ。 簡単に言えば、ウィンドウの上から出てくるポップアップだ。表示していた画面はグレーアウトするので、そのダイアログだけに集中できる。Ajaxを使うことも、使わないこともできる。簡易的なものであれば使わずに手軽に利用できそうだ。 そして、ウィザード形式に操作を進めることもできる。例えば問い合わせフォームや、アンケート、友人へのメール等わざわざ画面を切り替えて操作するには及ばないようなものに使えそうだ。 表示のされ方がかなり格好よく、使い道も多そうだ。prototype.j
Ext.jsで、シンプルダイアログボックスを表示する方法 at 無限責任社員の日記 ver.2
数あるAjaxフレームワークの中でも、もっともエフェクト処理が美しいフレームワークに「Ext.js」があります。 オフィシャルサイトのデモンストレーションを見るだけでも、うっとりするほど動きが美しいことが分かります。 »Ext Documentation Center しかし、「美しいものにはとげがある」の言葉通り（？）、Ext.jsを利用するのは意外と大変。ドキュメントも親切なようで、大事な情報がいまいち載っていなかったりします。 そこで、備忘録もかねて今回「ダイアログを表示する」というスクリプトにチャレンジしてみたので、やり方を紹介しましょう。 1. Ext.jsを手に入れる まずは、Ext.jsをダウンロードします。 »Download Ext JS Library 「Build your own Ext」という、必要な要素だけを選んでダウンロードできる機能もありますが、いまい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-271.html