JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptでIEかどうかをたったの1行で判別する方法。 なんと、次の1行だけで、isMSIE 変数に、IEで見れば true 、そうでなければ false を代入することが出来ます。 var isMSIE = /*@cc_on!@*/false; 次のサンプルコードで確認しました。 <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEであれば IE! を alert し、そうでなければ not I
JavaScript関数に関する様々なテクニック集:phpspot開発日誌
Functional Javascript Lisp? Scheme? Erlang, Haskell? Forget about them! The most widely deployed functional programming language is Javascript. JavaScript関数に関する様々なテクニック集が紹介されていました。 まずは基本的なJavaScript関数の使い方 <script language="javascript"> function hello(who) { alert('Hello '+who); } hello('world'); </script> 「Hello World」を出力。 続いては関数リテラルのシンタックスによる関数の定義。 <script language="javascript"> var hello = funct
[JS]ページ内をスムーズにスクロールできるスクリプト(基本編) | コリス
当サイトでも使用しているページ内をスムーズにスクロールするスクリプトの紹介です。 スクリプトの概要 JSファイルのダウンロード ページの先頭へスムーズにスクロールさせる方法 ページ内の任意の場所にスムーズにスクロールさせる方法 メモ 更新履歴 横移動や別ページからスムーズにスクロールできる方法は、応用編です。 [JS]ページ内をスムーズにスクロールできるスクリプト(応用編) スクリプトの概要 ページの先頭や任意の要素に、スムーズにスクロールさせることができるスクリプトです。 動作環境 Win IE5, IE5.5, IE6, IE7, Firefox1.5, Firefox2, Opera8, Opera9, Safari3.01beta Mac Safari1.5, Safari2, Firefox1.5, Firefox2 使用条件 本スクリプトは、非商用利用に限りフリーで使用すること
![[JS]ページ内をスムーズにスクロールできるスクリプト(基本編) | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
とても便利なJavaScript関数集:phpspot開発日誌
Ten Javascript Tools Everyone Should Have Javascript frameworks have exploded on the scene over the last few years but they're no replacement for a good toolbox とても便利なJavaScript関数集。 次のような便利な関数が紹介されてます。 空白スペースを取り除く trim, ltrim, rtrim 関数 配列の数値ソート 番号フォーマット関数 配列検索 ＨＴＭＬのエスケープ関数 クッキー処理関数 getElementsByClassName Ajax機能提供 trim や HTMLのエスケープ なんかは、ブラウザで動くものは直接JavaScriptに実装してほしいですね。 prototype.jsなどのフレームワークを使わず、
風の吹くまま 気の向くままに: [JavaScript]JavaScript（JSONP）で郵便番号検索API利用する
前回公開したWeb サービスですが実際に使用する方法を簡単に説明したいと思います。 Ajaxなどを利用してサーバーから非同期にデータを取得する方法が最近は流行ですが、Ajaxで問題になるのは、呼び出したサイトとしか通信ができないので自分のサーバーに仕組みを作っておかなければならないということです。 このため、いままで住所の入力をするときに郵便番号から住所を入力を保管するような仕組みを作ろうとすると、自分たちの管理しているサーバーに仕組みを構築して、そのデータを自分たちで管理しなければなりませんでした。 これらの手間を考えると面倒だし、レンタルサーバーなどで思うように仕組みを構築できない場合には、手で入力すればいいやと思うためあきらめていなかったのではないでしょうか？ そんなときこのサービスを使っていただきたいと思います。 サーバーの構築などは必要ありませんし、データの更新も自動的に行ってく
DED|Chain™ JavaScript Library
Cruft [kruft] The results of shoddy construction Superfluous junk Cruft is to hackers as gaggle is to geese Anything unpleasant that accumulates over time What's this? DED|Chain is free open source software (BSD License) that will allow you to build first class, high-quality websites without the cruft. You get the reliability of Yahoo! UI, and the developer friendliess of jQuery. You also receiv
JavaScriptから利用できる顔検出API「facekit」 - 王様の箱庭::blog
no title インタラクション2007で産総研の松坂氏が発表されていました。まさか顔検出がブラウザで動く時代になったとは... いろいろ言うより見てもらった方が早いので、動画を用意しましたよ。もう顔バレとかどうでもいいやー。 Facekit - Control google maps with your face 顔の向きでGoogleMapを操作するデモです。ページはこちら わかりにくいけど、画面の下端に「front/right/left」って顔の向きが表示されてる。 カメラと顔の距離でズームもできてる。 PCカメラを持ってる人は、公式ページにサンプルが用意されているのでぜひ試してみてください。 実装はFlashっぽいですけど、利用の際はJavaScript側から叩くだけでいいみたいです。 これもサンプルコードを見てもらえばいいんですけど、ものすごく簡潔。感動した！Enjoy! 以下
帯域やデバイス領域をフル活用させる“モバイルAjax” Ajax うきうき Watch 第16回 ─ ＠IT
しかし、最も私が面白いと思ったのは、掲載されているサンプルソースがその場で実行できることでしょう。ソースが掲載されているページを開くだけで、ソースの下に「動作デモ」というセクションがあり、そこに実行結果が表示されています。ここから“スクリプトを編集＆実行”のリンクを選ぶと、ソースを書き換えて即座に再実行ができてしまうのです。「引数が1のときは分かったけど、2ならどうなるの？」といった疑問は即座に解消です。すぐに2に書き換えて実行すればよいからです。 このような動的なフィードバック感は、物事を理解するために強力なツールになると思います。言葉による説明だけで理解できない場合は、実行してみるのが最も確実ですが、その場合には「できるだけ関係ない作業抜きで素早く」行うことができるのが理想です。1行入力するだけで命令を実行させることができたパソコン創成期のBASIC言語も、紛れもなくこの種のフィードバ
jQuery 開発者向けメモ - リファレンス
リファレンス $() jQueryオブジェクトを作り出す関数です． $("CSS文字列") CSSで要素を指定し，マッチした要素を持つjQueryオブジェクトを返します． 詳しい指定方法は Selectors を参照してください． jquery 1.1 までは XPath による指定もできましたが，最新版では削除されています． XPath Compatibility Plugin を利用することで，1.2 でも XPath を利用可能です． var $toc_1 = $("#toc_1"); jquery_dump($toc_1); var $h1 = $("h1"); jquery_dump($h1); var $h1head = $("h1.head"); jquery_dump($h1head); var $ahref = $("a[@href^='http://jquery.com
AoD ! (Eye-Popping)
About AoD ! : AoD ! とは？ 一つのJavaScriptと、コンテンツにタグ（<a>、<q>）を設定するだけで、 誰でも、簡単に、Web2.0/Ajaxで、オシャレに、情報を発信出来る、新しいタイプのメディアツールです。 標準搭載された情報源に加え、プラグイン機能によって、発信者が自由にカスタマイズ出来る、 共通メディア・プラットフォームとしても、利用出来ます。 これにより、各種ウェブサービス、APIと簡単に接続し、AoD ! 上でマッシュアップすることが可能となります。 正式名称： AoD ! 読み方： AoD Eye-Popping、エーオーディー・アイポッピング 愛称： AoD アイポ、AoD びっくり（エびちゃん）、AoD X（エックス） Eye-Popping 【形】 目玉が飛び出る（ほどの）、目を見張らせる、びっくりさせる、驚くべき AoD !
[JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation)
Kawa.netxp [JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation) Animation.Cube クラスは、JavaScript のみでサイコロ回転風の アニメーションエフェクト(rotating cube animation)を実現するライブラリです。 事前に画像ファイルを加工(拡大縮小や分割処理)せず、JavaScript のみで リアルタイムにアニメーション処理を行います。 2画像の切替えエフェクト処理用、または、 サイコロの4面に貼り付けた画像をループで回転させるような処理に利用できます。 画像の拡大縮小処理が入っているため、 ラスタスクロール よりもマシン負荷が高いようです。 Opera だと少しスムーズなようです。 画像サイズを抑えれば、Celeron 2.4GHz 機でも十分に回転してく
[ThinkIT] 第2回：jQueryライブラリの内部とonloadイベント記法 (1/2)
※注3： http://jquery.com/ 本稿では執筆時点の最新版であるバージョン1.0.4を解説しますが、2007年3月現在では、バージョン1.1.2がリリースされています。下記の解説部分は、1.1.2でも同様の処理が実装されています。 Prototypeライブラリがscript.aculo.usライブラリとの組み合わせで実現していたエフェクト処理の一部も、jQueryではそれ単体のみで対応しており、プログラマにとってWebページを制作する際に必要となる、かゆい所に手が届いた実装が魅力のようです。 また、jQueryライブラリのソースコードにはJavaScriptプログラミングの最新ノウハウがギッシリと詰まっています。リスト1にjQueryのコードを一部抜粋しましたので、実装方法を解析してテクニックの一部を確認してみましょう。 Prototypeライブラリは、JavaScriptの
Upgraded jQuery Spy › Left Logic
Following many requests, I have upgraded the jQuery spy code to support multiple items returned from the AJAX response and custom timestamp functions - so that requests can be completely tailored. Download the latest jQuery spy Examples Import the plug-in, and call the code on the spy container div (assuming you've imported jQuery already). <script type="text/javascript" src="spy.js"></script> <sc
Kitchen Design, Build & Installation | Trends Kitchens
Trends Kitchens source exclusive kitchen and joinery products from Europe, so you don't have to. From design to manufacture and installation, we provide an individual, holistic service to homeowners, designers and architects. Contact us today. You'll find our showrooms in Nelson, Blenheim, Christchurch, Cromwell and Auckland. See our work Get started It's both the big things and the little things
d’bug » Blog Archive » The Accessible jQuery News Slider
The Accessible jQuery News Slider Posted by Brian Posted on March 12th, 2007 View Comments One of the complaints of Web 2.0 aficionados is the lack of accessible Web components. Although the argument typically revolves around screen readers, those who wish to conform to WCAG Priority 1 guidelines have much to say as well. Checkpoint 6.3 requires that your site operate when JavaScript is disabled.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/dtree.html
IBM Ajax と XML: Ajax に共通の 5 つのデザイン・パターン - Japan
HANAABI!!
http://www.mondotondo.com/aercolino/noteslog/?cat=8
Ext JS - JavaScript Library
