<SCRIPT language="javascript" type="text/javascript" src="http://homepage2.nifty.com/lightbox/tabtextarea.js"> </SCRIPT> ★ TAB のみ挿入する場合 ◎ TAB 挿入 TAB キー ◎ TAB 削除 Back Space キー ★ まとめて処理は対象文字列を選択する ◎ TAB 挿入 TAB キー ◎ TAB 削除 SHIFT+TAB キー IE と Firefox、Netscape、Opera で動作確認しています(Opera は、name 属性が必要です)。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <SCRIPT lan
以前、attachEventでは複数イベントを登録して前のイベントの戻り値を見るというのができなくて悶絶していたが、結局やりたいことはイベント(メソッド)に対してアスペクトを適用すればよいということに気がつき、いろいろ調べた結果、すばらしいサイトをいくつか見つけ、早速コピペの雨あられで目的のものを完成 下のスクリプトを別ファイルにでもして、対象のHTMLにてインクルードすれば、全リンクとボタンにて2度押し防止機能が搭載できる うひょぉぉ アスペクトすげぇぇ // window の Load イベントを取得する。 window.onload = window_Load; function window_Load() { var i; // 全リンクのクリックイベントを submittableObject_Click で取得する。 for (i = 0; i < document.links.
Alexei@Nitobi Blog Archive Development Diary: Taming the Fisheye I thought it might be a good idea to document the development of one of our components from a user-interface perspective. We’re in the process of developing a host of new components now, which should be ready for release early this spring. One of these is a Fisheye Menu. JavaScriptでMacOS XのDock機能を実現する。 Dock機能というのは、次の画像のようにカーソルを合わせると画
Firebug - Web Development Evolved 便利すぎて困る程のFireBug1.0系を使ってみよう、ということで、広く使われているであろう0.4系と変わった点をプレビュー。 Googleなどの検索エンジンで、addons.mozilla.org にUPされている0.4系が上に表示されているため、まだ1.0系を使っていない人も多いのではないでしょうか?(という私もそうでした) FireBug1.0系のインストール方法の紹介〜その追加された強力すぎる機能について見ていきましょう。 FireBug1.0系インストール http://www.getfirebug.com/ にてFireBug1.0系のインストール。 FireFox - DOMインスペクタのインストール FireFoxインストール時にDOMインスペクタが入っていない場合は、FireBug1.0系の機能を最大限
最終回となる今回は、Internet Explorer 7(IE7)のレンダリング機能、すなわちHTML、CSS、JavaScriptの処理と表示に関する改善点と注意点を紹介しよう。CSSで機能が大幅に向上したのは嬉しい限りだが、気を付けなければいけない点もいくつかある。 ■大幅に改善されたCSS対応 レンダリング機能のうち、IE7で大幅に改善された点は、CSSの標準仕様への対応だ。これまであった、「FirefoxやOpera、Safariでは正しく表示されるのに、IEは対応していない」といった効果も使えるようになった。例えば、positionプロパティの値fixedにようやく対応したことで、「スクロールしても動かないメニュー」のような効果を出すことができる。サンプルページを用意したので、IE7でページをスクロールさせるとどうなるかを確認してほしい。 また、background-attac
いわば「Windows LiveはJavaScriptで書かれたOS」、LiveガジェットはJavaScriptで記述されたアプリケーションだ。これまでにないMSの「オンラインソフトウェア」展開は、今後10年のMSを決める大きな分岐点となるかもしれない。 このオンライン・ムックPlus「Windows Liveが魅せる次世代マッシュアップ」では、Windows Vistaの登場とともに、新たなサービスとして注目されるであろう「Windows Live」を中心として、Windowsガジェットの概要から詳細の開発手法について紹介する。 今回は、Windowsガジェットの中でもWindows Liveガジェットに焦点を当て、実際にどのような仕組みになっているのか解説していこう。 なお、オンライン・ムックPlus「Windows Liveが魅せる次世代マッシュアップ」では、“Liveガジェットのア
ココを理解すれば近道な「Ajaxフレームワーク」:Web 2.0で変わるWebプログラミングの常識(1/5 ページ) AjaxをWebアプリケーションに取り入れるには、デファクトスタンダードなフレームワークを利用するのがよい。基礎を理解すると、さまざまな応用例が考えられるはずだ。 このオンライン・ムックPlus「Web 2.0で変わるWebプログラミングの常識」、第6回目となる今回は、第5回「そのサービスはAjaxフレームワークで一変できるか?」に続く、フレームワークの実装例について解説していく。冒頭よりコードを挙げた実践的な内容に入っていくため、内容が不明な場合には、最低でも第5回の最初から読んでみるとよい。 このオンライン・ムックPlus「Web 2.0で変わるWebプログラミングの常識」の連載を読むことで、読者はAjaxの実装形態がどのようになっているのか理解することができるはずだ。
JavaScript製のWizardryライクゲームです。IE6、NN7以上のブラウザで動作を確認。JSでそれなりに大きめなゲームを作ってみてえなあゲラゲラゲラと思っていたところ、全角テキストで3D線画ダンジョンっぽい記述が出来ることを発見し、とりあえず作ってみっかってんで作ってみた代物です。 あえてオリジナルな要素は入れずに、Wizと同システムの別シナリオ、というイメージで遊べるように意識して作ってみましたんで、新鮮味はないかもしれませんが、安心して遊べると思います。詳しい説明は下記のオンラインヘルプをどんぞ。 ちなみに、他のWizライクゲームは、Wanderers、Daemon、Wizmataryなどが有名です。 オンライン版 オンラインヘルプ DL版(ヘルプ含む) 10.5MB 英語表記版 雨蛍氏(ブログ:雨蛍おばさんの邪なる手榴弾)が作製した、Jsardryのアイテム、モンスター、
■操作方法 [SHIFT]or[SPACE]キー - ジャンプ [CTRL]キー - ダッシュ&ファイアー
はてなダイアリーやはてなグループで、ウクレレのコードを記述することで、簡単にウクレレのコード譜を表示できる「ウクレレ記法」を追加しました。 例えば、はてなアイデアミーティングのテーマ曲(音声ファイル)をウクレレ記法で記述すると [uke:C Dm G G7 C]となり、 のように表示されます。各種記号もサポートしており [uke: |: C _ Am F G7 1 - C :| ] [uke: 2 - C G7 C]と記述すると のように表示されます。 また表現やコードによって違うフレットを押さえたい場合などはコードの後に@フレット番号を書くことで表示することが可能です。例えば [uke:D7 D7@0202 C C@3345]と記述すると と表示することができます。 その他、便利な移調機能もあり、 [uke:tp]と記述すると と表示され、記述した階調から移調したい + や - の数値を
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
JavaScript でインクリメンタル grep 検索 JavaScriptで grep 検索をしようと思い、次のようなコードを書いた。 function grep (pattern) { try { var regex = new RegExp(pattern, "i"); var spans = document.getElementsByTagName('span'); var length = spans.length; for (var i = 0; i < length; i++) { var e = spans[i]; if (e.className == "line") { if (e.innerHTML.match(regex)) { e.style.display = "inline"; } else { e.style.display = "none"; } } }
ソフト詳細説明 ◆文字列をすべてのコンピュータで読めるような形式に変換したり、変換されたものを元の文字列にデコードすることができる関数のライブラリです。 ◆ビルトイン関数の escape() , unescape() とは異なり、どの種類のブラウザでも同じ変換結果が得られます。 ◆JISコード変換テーブルを搭載しているので、従来JavaScriptでは実現が困難であった、Shift_JISコードやEUC-JPコードなどの文字コードとしてのエンコード・デコードも可能となっています。 なお、この変換テーブルは、直接漢字は記述せず、Unicode 番号を圧縮したデータをASCIIコードの文字のみで記述しているので、任意の文字コードで使用可能です。 ◆動作確認用のフォーム TransEscape.html を付属しているので、すぐに使用することもできます。
Firebug を更新したら、またもや凄いことになってました。 まずはこれを見てください。 http://sample.ecmascript.jp/20060526.htm 要は JavaScriptをステップ実行しながら結果を確認できる。 変数の値をウォッチできる。 適当にブレークポイントを貼ってスタックを追えば、他人のサイトを簡単にハックできる。 うれしい!たのしい!こんにちわ! FireBug のインストール https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&id=1843
Firebug 1.2.1 by Joe Hewitt, Justin Dolske, robcee Categories Web Development Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page... Firebug 1.2 requires Firefox 2 or 3. 347 reviews Updated September 12, 2008 172,244 weekly downloads 8,436,061 total downloads M
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く