IE7とJavaScript（clipboardData.getData()と警告メッセージ） - WEBプログラミング NOW!
【DHC】英会話の苦手な日本人のためのスピーキング講座 IE7で、JavaScriptの挙動が変わったものとして、prompt()メソッドやwindow.close();にかんする挙動について、先日紹介しました。今回もセキュリティがらみですが、クリップボード操作に関する挙動がIE7では変わっていることをご紹介したいと思います。 IE6まででは、（デフォルトのセキュリティ設定で） var clip = clipboardData.getData("Text"); //alert(clip); で、クリップボードの中身を取得できていました。 しかし、IE7では、デフォルトのセキュリティ設定で、必ず、左のような確認メッセージが表示されるようになりました。これはセキュリティ的には大正解の設定・方向性ではないでしょうか？ 遅きに失した、という話もありますが・・・。 今までのIE6では、このようなメッ
Really Simple HistoryでAJAXにブックマーク機能と履歴機能を付加する - builder by ZDNet Japan
AJAXベースのアプリケーションに取り組んでいれば、その動的な性格から、アプリケーションのどこかでページをブックマークすることができないことに気づいただろう。これは、ユーザーが「戻る」ボタンを押した時にも問題になる。ブックマークと履歴の問題を解決する方法の1つが、Really Simple History（RSH）フレームワークを使うことだ。 RSHの必要性は、動的なウェブサイトとブラウザ組み込みの操作方法の組み合わせに固有の問題から生じている。ブラウザは複数のページから成るサイトを念頭に開発されており、AJAXを用いた動的アプリケーションは前提としていない。 問題は、ユーザーがAJAXを用いたサイトの外側でナビゲーションの操作をした場合に生じる。ユーザーがサイトに戻ってきた時には、ユーザーはその結果は起こることに驚くことになる。前にサイトを訪れた時の状態が維持されないからだ。 この問題を
Plugins | jQuery Plugins
Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.
JavaScriptデバッグプロキシ·Jackal MOONGIFT
JavaScriptのデバッグ環境としては、FirefoxであればFirebugで問題ないだろう。だが、他のブラウザの場合はどうだろう。各ブラウザごとにデバッグ環境を作るのは非常に労力がかかるだろう。 そこで試してみたいのがこのソフトウェアだ。これであればどのブラウザでも利用できる可能性がある。 今回紹介するオープンソース・ソフトウェアはJackal、JavaScriptデバッグプロキシだ。 JackalはWindows向けのソフトウェアで、MirageというHTTPプロキシソフトウェアを使っている。インストールし、プロキシのアドレスをlocalhost:9889に設定すれば準備完了だ。 その状態でWebサイトを見ると、左上にJackalのアイコンが表示される。これをクリックするとデバッグウィンドウが表示される。JavaScriptの実行はもちろん、エレメントの構造を閲覧することもできる。
【ハウツー】YSlowでWebページを高速化 - リッチさと速さを同時に実現するUIを! (1) YSlowでWebページパフォーマンス計測 | エンタープライズ | マイコミジャーナル
Webページの表示パフォーマンスの向上は、Webデベロッパやフロントエンドプログラマにとって永遠の課題だ。ページの表示が速いかどうかは、ユーザの満足度に大きく影響する。リッチなUIや機能を実現しつつも、ページの表示は軽くしたい。 そこで重要になってくるのが、ページの読み込み速度を測定して分析してくれるツールの存在だ。Webページパフォーマンス計測ツールを使うことで定量的に状況を把握し、改善策を練ることができるというわけだ。Webページパフォーマンス計測ツールはいくつかあるが、最も導入が簡単で、かつ効果の高いもののひとつがYahoo! Developer Networkを通じて提供されているYSlowだ。執筆現在での最新版は0.9.2となっている。 YSlowはFirebugを活用しつつJavaScriptで開発されたWebページパフォーマンス計測ツール。Yahoo! Exceptional
[JS]MicrosoftからJavaScriptのメモリリーク検出ツール
MicrosoftのヨーロッパチームからJavaScriptのメモリリークを検出するツール「JavaScript Memory Leak Detector」のベータ版がリリースしました。 JavaScript Memory Leak Detector JavaScript Memory Leak Detectorは、Windows+IE専用のツールで、ダウンロード・インストールは以下の手順になります。 下記の「download link」からファイルをダウンロード。 Installation ファイルを解凍して、「JSLeaksDetector.msi」をダブルクリックして、インストール。 インストール時は、IEは終了しておく。 インストールが完了したら、IEを起動。 IE7の設定方法 [表示] - [エクスプローラ バー」 -[js memory leak detector]をチェック。
IEでのJavaScriptのデバッグ方法 - Microsoft Script Editor編 - - 日向夏特殊応援部隊
IEでJSのエラーになったときに立ち上がるデバッガって大体の人が使いこなせてないのではないでしょうか？ ちなみに僕もそうだったのですが、ふと思い立って調べてみました。 追記 (2008-01-10T14:24:30+09:00) はてブのコメントで、 MS Office持ってない人はVisual Web Developer(VWD)で。/ちょっと前にこんなの書いたので、VWD 2008使う人は参考にしてもらえると幸い。 http://d.hatena.ne.jp/terurou/20071218/119796573 とありました。 これはid:kaorunさんにも聞いていたので後で試そう〜と思ってたので助かります。 合わせてご覧になって下さい。 Microsoft Script Editorとは？ のようにOffice付属のツールだったりします。僕の環境では、 C:\Program Fil
IE7 window.close()で確認ダイアログを出さずに閉じる
Feedback # re: IE7 window.close()で確認ダイアログを出さずに閉じる 2007/08/30 0:53 中博俊 昔からの回避ロジックのうちのひとつ。 なぞ # re: IE7 window.close()で確認ダイアログを出さずに閉じる 2007/08/30 6:48 かずき みたいですね～ ずっと、回避出来ないと思ってたんでびっくりしました… # IE7で window.open しつつ 自分を window.close する 2007/09/27 11:22 主婦と.NETと犬のぶろぐ IE7で window.open しつつ 自分を window.close する # re: IE7 window.close()で確認ダイアログを出さずに閉じる 2008/10/27 8:52 工藤 困っていたので助かりました。 工藤 # re: IE7 window.cl
[JS]マウスのホイール操作を認識するスクリプト -Mouse Wheel Extension
Mouse Wheel Extensionは、ユーザーのマウスのホイール操作を認識するスクリプトです。 Mouse Wheel Extension デモページ 上記のデモページでは、下記のホイール操作を認識しています。 test1: エリア内で、up, downのカウントとマウスの座標。 test2: ホイールのデフォルト操作を禁止。 test3: mouseover, mousedown のカウント。 test4: ハンドラーを２つ設定。 test5: test 6, 7など子要素を持っている。 test6: 子要素内でのホイールのカウント。 test7: 子要素無しで、test5, 6をカウント。 Mouse Wheel ExtensionはjQueryのプラグインで、最新版の3.0.0ではjquery.js 1.2.2以上が必要です。
Google Maps Hacks -- API解説
Rich Gibson & Schuyler Erle著 武舎広幸+福地太郎+武舎るみ訳 GOOGLE MAPS HACKSTM 全体の目次 ｜ O'Reilly ｜ Amazon ｜ 他の書籍 ｜ 書店 ｜ソフトウェア ｜ブログ ｜ トップ 付録1 Google Maps API概説 Google MapsのAPI（バージョン２）が提供する主要なクラスの、コンストラクタやメソッドなどを、『Google Maps Hacks』で登場したものを中心に解説します。 より詳しくは、Googleが提供する英文のクラスリファレンスを参考にしてください。 このページで、感覚をつかんでから英文にトライされるとよいかもしれません。 太字のメソッドなどは本文中で（頻繁に）登場するものです。まずはこれらをしっかり覚えておくとよいでしょう。 ?付きの引数は省略可能です。 引数の前にはその引数の型などを書いてみ
Google Mapsのホイール拡大縮小 スクロールしないで
Google Mapsをマウスに付いているホイールで拡大縮小できると気持ち良い。GMap2オブジェクトに対しenableScrollWheelZoomメソッドを使えば、ホイールで拡大縮小ができるようになる。だけど、ページも同時にスクロールしてしまうことが問題だった。 調べてみたけど、なかなか難しい。結局、どこかの掲示板でMapping Application & Data Entry @ Woodrow Wilson School, Princeton Universityというのを見つけた。ホイールで拡大縮小しつつ、ページスクロールしていない！掲示板では、この作者が「ホイールで拡大しようとすると一段階ではなく二段階拡大してしまう」と助けを求めていた。ソースを見れば直ぐ分かる通り、enableScrollWheelZoomで一段階拡大し、さらに自分のオリジナルコードで一段階拡大している。き
Online beautifier for javascript
Beautify Javascript /* paste in your own code and press Beautify button */ var latest_changes=new Object({'2008-02-22':'Javascript beautifier rewrite in javascript.','... boring history ...','2007-02-08':'Initial release'});var a=b?(c%d):e[f]; Beautify This script was intended to explore ugly javascripts, e.g compacted in one line, or just make scripts look more readable. Now you can try to paste
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
Realtime validation using Ajax
Posted by masuidrive Wed, 04 Jan 2006 21:45:00 GMT Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 これで、あなたのサイトも一気にWeb2.0！ なのに使い方は超簡単。 prototype.js とvalidate.js を自分のHTMLに読み込んで、下記の様に正規表現で表示するメッセージを指定するだけ。 Validator.register({ "#mail" : { "/^([^@\\s]+)@((?:
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ:phpspot開発日誌
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介（これは良いです） Remember the milk風の登録フォームも作れそう prototype.js依存。 Realtime validation using Ajax (デモ) - Ajaxなどを駆使して、入力値を動的にチェックするライブラリ Validate.js (デモ) - リアルタイムではないけど、入力値をチェックするためのライブラリ Tooltip for forms - 入力チェックではないけど、フォームの入力ヒントを出して
MOONGIFT: » 入力した直後にバリデーション「LiveValidation」:オープンソースを毎日紹介
※ 画像は公式サイトデモより 人間は面白いもので、自分の好きな情報だけを見るようにフィルタリングをかけることができる。文字が見づらいコンピュータでは特にそうだ。書いてあるにも関わらず入力エラーが起こるなんて良くあることだ。 そして、それらの入力エラーはユーザにとって非常にストレスになる。自分自身、エラー画面で面倒になって止めてしまうなんてざらだ。そうした機会損失を防ぐためにもこのライブラリを使ってみよう。 今回紹介するオープンソース・ソフトウェアはLiveValidation、その場で行う入力チェックライブラリだ。 LiveValidationはJavaScriptベースの入力チェックライブラリで、特徴は何といってもその場で入力エラーをチェックできることにある。フォーム送信時にまとめてチェックすることもできる。いずれにせよエラーがあった際にはデータは送信されないのでユーザビリティは高い。
ウノウラボ Unoh Labs: jQueryのパフォーマンス最適化に関するTips
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
JavaScript-XPath をリリースしました！さあ、あなたも XPath を使おう！（解説付き） - IT戦記
JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ！ってことです。 以下が公式サイトになります。 http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ってなんなの！？ めっちゃ簡単（で、ちょっとだけ適当）なDOM 3 XPath の説明をします＞＜。 JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね？ DOM 3 XPath
jQuery calendar 日本語設定 - Milly のメモ
http://marcgrabanski.com/code/jquery-calendar/ 用の日本語設定 保存時の文字コードを気にしないために数値実体参照で記述。 /* Japanese initialisation for the jQuery calendar extension. */ /* Written by Milly. */ $(document).ready(function(){ popUpCal.regional['ja'] = { clearText: '削除', closeText: '閉じる', prevText: '<前月', nextText: '次月>', currentText: '今日'
[JavaScript] JKL.Calender
Kawa.netxp [JavaScript] JKL.Calendar／ポップアップするカレンダー表示クラス JKL.Calendar は、ポップアップでカレンダー表示を行うクラスです。 2006年10月にクラス名を変更しましたが、2005年4月のリリース当初のクラス名 JKL.Calender も 別名定義してあるので、こちらも利用可能です。半年前にご指摘いただいた typo でした。 合わせて、選択可能な日付範囲指定用のプロパティ min_date／max_date を追加しました。 Yahoo! UI ライブラリのカレンダー機能がかなり強力なので、 最近なら YUI もオススメできそうですが、 実は JKL.Calendar の方が日本語環境では使いやすかったりするかもしれません。 JavaScript ソースのダウンロードはこちら： jkl-calendar.js JavaScr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
