同一ページ内でポップアップウィンドウを開くJavascriptライブラリ:phpspot開発日誌
amix.dk : GreyBox - a pop up window that doesn't suck GreyBoxを使えば、同一ページ内で別のページをポップアップ表示することが可能です。 次のような感じでGoogleもLightbox.jsを使った時っぽく開けます。 右上のclose windowボタンでポップアップを閉じることが出来ます。 デモはこちら （Launch Google でGoogleが開きます） ページに組み込むのも簡単で、必要ファイルをインクルードした後、次の関数を呼び出すだけでOK。 GB_show(caption, url, height, width) 例: <a href="#" onclick="GB_show('Google', 'http://google.com', 470, 600)">Launch Google</a> 新しいウィンドウをtar
Bookmarklets - ブックマークレット
Contents はじめに BlogMatcherで検索 フォームの入力内容をテキストに保存・復元 Googleイメージアルバム はてな：アンテナに追加アイコン作成 はてな：ダイアリーリンク はてな：ダイアリーID変換 はてな：リンクを含む日記を見る はてな：リンク元ビューアで表示 はてな：投げ銭 はてな：トラックバックURL いま見ているページにリンク 選択範囲でページにリンク せかいのまんなか一覧 出力サンプル ブックマークレット・パブリッシュキット 参考 はじめに ブックマークレットは、ブックマークにURLを登録する代わりに、短いJavaScriptを登録して、ブラウザにいろいろな機能を追加するものです。たとえば、ブックマークを選ぶと、表示中のページを自動翻訳サービスで翻訳する、というようなことができます。 リンクをブックマーク（お気に入り）に追加するやり方はブラウザによって異なりま
とにかく 2ch のスレは bbs2chreader に読ませたい。 | soft | firefox - 氾濫原
bbs2chreader.user.js 誰かもう作ってるんだろうけど、見つけるより書いたほうが早い。 とにかく 2ch のスレは全部 bbs2chreader で読む。でもリンクを書き換えるだけなので、2ch に直接アクセスできなくなるわけではないですよ、みたいな。 GreaseMonkey は bbs2ch: だと実行してくれないので不便だ。bbs2chreader を直接改造すべきか。 って、bbs2chreader のオプションに「2ch スレッドの URL を bbs2chreader で開く」とかいう項目があった。この user.js いらん。 トップ soft とにかく 2ch のスレは bbs2chreader に読ませたい。 トップ firefox とにかく 2ch のスレは bbs2chreader に読ませたい。
Lightbox JS ちょこっとカスタマイズ, MacBook Pro & iMac - SmallStyle(2006-01-11)
_ Lightbox JS ちょこっとカスタマイズ Lightbox JS を使って画像をかっこよく見せてみるの続編．このサイトでは Lightbox JS を使って画像をポップアップ表示させているのですが，知らずにクリックすると画像が表示されてどうしたものかと思われてしまうかもしれません． というわけで，ポップアップで表示された画像の <a> タグ内の title 属性を設定し，tooltip が表示されるようにしてみました．lightbox.js のソース，278 行目あたりにあるコメント // create link のあたりで，アンカータグに title 属性をセットする記述を追記します． // create link var objLink = document.createElement("a"); objLink.setAttribute('href','#'); // アン
prototype.jsのものすごく簡単な使い方。 : blog.nomadscafe.jp
prototype.jsのものすごく簡単な使い方。 はてなダイアリーの方にprototype.jsでHTMLを汚さないロールオーバースクリプトというエントリーを書いたのだが、prototype.jsの入手方法やらすごく簡単な使い方がないようなので、書いてみます。 prototype.jsはJavaScriptのライブラリ（中身はJavaScriptです)で、これを使うとJavaScriptを組むのがかなり楽になるというものです。話題のAjaxのプログラミングも簡単にできます。 ライブラリは、 http://prototype.conio.net/ からダウンロードできますが、TOPページにあるファイルはちょっと古いものなので、Browse the darcs repositoryというリンクを辿り、 http://dev.conio.net/repos/prototype/dist/ から
川o・-・）＜2nd life - prototype.js with mousehweel event
http://rails2u.com/misc/wheel_event/ prototype.jsではイベントハンドラの登録をEvent.observeに追加することにより行えます。これはWinIEだとelement.attachEvent, Firefoxだとelement.addEventLisnerと登録用の関数が違う互換性を吸収してくれるので大変便利です。しかし、ホイールイベントは少々特殊なため、通常のEvent.observeでは上手く登録が行えません。 ホイールイベントをwebアプリケーションで上手く使うとユーザビリティの向上が見込める*1ので、簡単にホイールイベントを登録できるEvent.observeを作ってみました。上記URL先のwheel_event.jsをprototype.jsを読み込んだ後に読み込むことによって、mousewheelイベントを扱えるようになります。
ma2の日記 - Firefox 1.5のJavaScript1.6の新機能
"New in JavaScript 1.6 - MDC" FF1.5のJavaScriptはバージョンが1.6になり，新しい機能が追加されている。 E4X（ECMAScript for XML） JavaScriptからシームレスにXMLが扱えるようになる機能。XMLがDOMっぽく扱えるようになる。具体的な記事はIBMのdeveloperWorksにある。 AJAX and scripting Web services with E4X, Part 1 AJAX and scripting Web services with E4X, Part 2 Arrayの拡張 Arrayに新しいメソッドが追加になった。要素の位置を返すのやら，要素に順に関数を適応して新しい配列を作ったり。 配列と文字列のジェネリクス 配列と文字列を同じように扱える。つーか文字列を文字の配列と見なして，Array用の
Bin-Blog: AHAH(Asynchronous HTML over HTTP) - AJAX 2.0
This site has been moved to a new location - Bin-Blog. All new post will appear at the new location. AHAH or Asynchronous HTML over HTTP is a much simpler version of AJAX. Using AHAH approach in JavaScript you can display external XHTML pages inside your HTML page. The beauty of the script is that it is so very simple - the underling code is just twenty lines! The difference between AJAX and AHAH
Ajaxフォトアルバムのフェードイン画像フレームを作ろう －＠IT
本連載では、Ajaxを活用したインタラクティブなWebアプリケーションを、ゼロから開発する。3回の連載で、簡単なWebフォトアルバムを完成させる予定だ。完結した機能を持ったAjaxアプリケーションを作り上げるステップを、具体的に解説していきたい。 JavaScriptと非同期データ送受信を組み合わせた、Webアプリケーション開発スタイルである「Ajax」は、このキーワードが発表されたのが今年初めのことだとは思えないほどの発展を遂げており、日々新しい実験や、それを組み込んだサービスが発表されている。 そろそろ実際にAjaxを活用したWebアプリケーションを開発してみようか、と考えている開発者も多いことだろうが、ではAjaxで何をどう作ったらいいんだろう？ という部分で立ち止まってしまってしまっているのではないだろうか。 そこで本連載では、単なるサンプルではなく、完結した機能を持ったAjaxア
JSONでBiddersインクリメンタル検索、をブログに貼ってみる - TEDDY-G本家
前回皆様方への御礼を書いてからまたずいぶん経ってしまった。BiddersMapAds配布は頓挫したわけではなく、単に時間がないだけです。すいません。 さて、JSONという技術が流行っているらしい。JSONというのはJavaScript Object Notationの略で、その名のとおり、サーバからクライアントにデータを送るときにJavaScriptのObjectの表記法で送ってあげる手法のことだ。 ここでJavaScriptのObjectの表記法とは何ぞやという話になるが、その前に、誰もが最初に覚えるであろうJavaScriptでのObjectのProperty（値や機能）の定義方法をおさらいしておきたい。色んな入門書を見ると次のような書き方が挙げられている。 var args.x=1; var args.y=1; var args.methodA=function() {...} ひと
Collection & Copy - AJAX/JavaScriptライブラリまとめ
AJAX/JavaScriptライブラリまとめ (2005/9/6 Revision .1.3) 翻訳 原文：Survey of AJAX/JavaScript Libraries Copyright 2005 by Sergio Pereira, Joe Walker, Matthew Eernisse ※本翻訳は、2005/9/6の1.3版を基に作成されています。原文であるWikiページは、1.18以上に更新が進み記載されているライブラリの数が増え、複数の誤りが修正されているようです。最新の情報は原文を参照してください。 Prototype (http://prototype.conio.net/) ライセンス：MIT 概要： Prototypeは、動的なウェブアプリケーションの開発を容易にするためのJavaScriptフレームワークです。Ruby on Railsフレームワーク駆動で
最速インターフェース研究会 :: JavaScriptでペイント、開発版
少し留守になるかもしれないのでとりあえずアップ。保存ルーチンをまだつけていない。 http://la.ma.la/misc/plot/draw2.html -zで一手戻す、+/- or q/a でブラシサイズを変更。 というキーバインドをとりあえず実装。作りこめば色変更とか、直線描画とかも色々できるだろうな。 ただ、この手書き機能を組み込んだチャットと、そのチャットを組み込んだWikiを作るというのが目的なので単体であまり作りこむつもりはない。 IEの場合、VMLを使った描画にしてみた。MSNメッセンジャーの手書きモードと、書き心地はそう変わらないが、やっぱり線が増えてくると重くなるのでそれほど書き込むことはできない。 DIV要素を足していく方式の描画エンジンをまず作ってIEの場合のみVMLを使った関数で上書き、という方向性で。 VMLはもう終わっている技術なので。SVGが使えれば一番いい
Bookmarklet - ブックマークレットを作成する際のポイント
Updated: 2003-09-28 05:44:07+0900 [Home] 値を返してはいけない 値を返す式を使うとページを移動してしまいます。 javascript:contents='aaa' これならOK javascript:void(contents='aaa') 変数はページ内でグローバルになってしまう varをつけても、ブックマークレットで使用した変数は、ページ内でグローバルになってしまいます。表示中のページの動作や、他のブックマークレットの動作を変えてしまう可能性があります。 javascript:var contents='abc' javascript:var contents='123' 上のリンクをクリックしたあと、以下をクリックするとcontentsの中身が変わっているのが見えます。 javascript:alert(contents) これはページに書かれ
Atsushi's Homepage 〜 Bookmarklet を作ってみる
Bookmarklet とは、JavaScript で記述された小さなプログラムで、 ブラウザの普通のブックマークとして利用できます。 例えば、このようなものです。→ 電卓 Bookmarklet Bookmarklet は普通のブックマーク (お気に入り) となんら変わりませんので、 ブックマークとしてブラウザに登録して、使いたいときに選ぶだけで使えます。 上の電卓 Bookmarklet をブックマークして、そのブックマークを 呼び出してみて下さい。ウィンドゥが開きますので、 "1+1" などの計算式を入れて "OK" を押すと、その式の答えがでてきます。 このようなことができるのが、Bookmarklet です。 JAVASCRIPT::BOOKMARKLET の サイトが Bookmarklet を取り揃えていて有名ですので、 一度見てみると面白いと思います。 ちなみに、私も簡単な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSON/簡単なテスト:基本
Funky Cool
はてな技術勉強会 - JavaScript Programming 2.0
Ajax を使った手書き文字認識