「jQuery」タグアーカイブ

jQuery Chili 2.0のソースコピーウィンドウを抑制してみる

Javascriptを使ったSyntax highlightjQuery Chiliと言うのがあります。ブログ等で例文のソースコードを予約語別に色分けし、読み易く表示してくれます。ですが、バージョン2.0以降、ソースコードの範囲選択を試みると、使いにくいソースコピーウィンドウがポップアップするようになってしまいました。1つだけならまだしも、2つ3つと際限なくポップアップします。ウィンドウをシングルクリックすれば閉じてくれますが、閲覧者の視界をふいに遮ってしまい迷惑千万。使い慣れた人ならともかく、初めて触れた人は混乱してしまうでしょう。以下では、この厄介なウィンドウを抑制する方法を2つ紹介します。

鬱陶しいChiliの黄色いソースコピーウィンドウ

続きを読む jQuery Chili 2.0のソースコピーウィンドウを抑制してみる

LightBoxクローンあれこれ

ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示(マイコミ・ジャーナル)

サムネイルをクリックするとフローティングウィンドウに詳細画像が表示される、そういうスクリプトを総称してLightBoxと言います。オリジナルのLightBoxも含め、現在では様々なクローンが存在しています。今回紹介されているThickBox 3はHTMLも表示できる多機能クローン。 jQueryによる実装デモです。

slimboxvideobox等、他にもまだまだクローンはあります。そこで我々は何を基準に選べばいいのでしょうか?思いつく選考項目を挙げてみましょう。

  • 機能数(多いに越した事は無い)
  • 使い勝手(閲覧者の利便性を考える)
  • コードサイズ(小さい方がいい)
  • 動作速度(ブラウザでの動作が軽快か)
  • ブラウザ互換性(多くのブラウザで扱える方がいい)
  • 安定性(クラッシュ、不具合率が少ない方がいい)
  • 共存性(他のスクリプトとコンフリクトしないか)
  • 保守性(新ブラウザや脆弱性に素早く対応するか)

ざっと書いただけでも8項目。全てを満たすのは難しいので、目的とするものを中心に考えていくといいでしょう。また、定期的に採用スクリプトの見直しをするのもいいかもしれません。