JavaScript、Ajax、HTML5(API)、Ruby…Web及び関連技術の実験&情報公開&制作物紹介。

Ajax/JavaScriptの最近のブログ記事

オリジナル404ページ公開

| コメント(0) | トラックバック(0)

誰得なwエラーページを作りました。
404ページを初め、いくつかのエラーページをこのオリジナルのモノに変更しました。

見て戴ければ分かる通り、JavaScriptがONなら、QRコードが表示されます。
また403および404ページでは、エラーの内容に従ってQRコードも変化します。
是非、JavaScriptをONにした上で、存在しないページやインデックスの存在しないパスにアクセスして、携帯等のQRコードリーダーで内容をチェックしてください。
いや、本当はちゃんと存在するページにアクセスして欲しいんですけどね。

以下、技術情報(興味のない方は読み飛ばしOK)です。

動的にCSSを追加 append_css.js

| コメント(0) | トラックバック(0)

なんか探せばどこかにありそうなツールですが、仕事用に作ったものを一般公開してみます。

WebページにCSSを追加するJavaScriptです。
ポイントは、外部CSSファイルではなく、要素への直接適用でもなく、CSSをテキストで指定する、という点。

使用例

appendCSS(
    ".debug { display:block !important; }" +
    "#dest1 { color: #ef0000; font-weight: bold; }"
);

デモページ

http://www.antimon2.atnifty.com/works/append_css/
(リロードするたびに表示が変わります)

Ajaxライブラリ MooTools の紹介

今、仕事の合間に色々なAjax/JavaScriptライブラリを触っています。
そんな中で、個人的に注目したのが、『MooTools』。
エフェクト系のライブラリに分類されがちですが、DOM操作やリモート操作(XMLHttpRequestを使用したサーバとのやりとり)、Safariを初めとするメジャーなモダンブラウザへの対応(クロスブラウザ対応)など、コアな部分もしっかりしており、Prototype.js(+Script.aculo.us)の代替としても充分かそれ以上のモノを備えています。

主な特徴を挙げるとすれば、以下の通り:

  • 軽量・高速
  • Safariを筆頭に、IE6,7、FirefoxOpera等でテスト済み
  • $()関数、$$()関数等、prototype.jsとの互換性があり、移行が容易
  • オブジェクト指向で、記述が直感的
  • デモが豊富、ドキュメントも充実、できること・やりたいことがすぐ分かる!

以下に、一番人気と歌われるAjax基本ライブラリ Prototype.js との比較をしてみます。

このアーカイブについて

このページには、過去に書かれたブログ記事のうちAjax/JavaScriptカテゴリに属しているものが含まれています。

次のカテゴリはcolumnです。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

カテゴリ

月別 アーカイブ

OpenID対応しています OpenIDについて