「javascript」タグアーカイブ

ThickBox3をJQuery1.1.3.1で使う際のIE6対処法

tb_with_Jquery113_on_IE6_t.png

少し前に書いた記事で書いた、ThickBox3をJQuery1.1.3.1で使った場合IE6で真ん中に表示されない件。取りあえず自分はひとつ前のJquery1.1.2を使うかほっとく(!)ことで対処してたんですが、その後ThickBox内のコードを一部修正することで対応する方法がメーリングリストに投稿 されてました。

Nabble – JQuery – latest jQuery and thickbox 2

thickbox.js内の270行目

    

この部分を、以下の様に修正

    

これでIE6でもちゃんと画面中央に表示される様に。
コピペしただけで原因が分からんのも気持ち悪いので、よく分かってない人なりに分かる範囲で検証してみました。

続きを読む ThickBox3をJQuery1.1.3.1で使う際のIE6対処法

このエントリーをはてなブックマークに追加
はてなブックマーク - ThickBox3をJQuery1.1.3.1で使う際のIE6対処法
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

JQuery1.1.3リリース。が、ThickBoxがIE6では不具合?

JQuery_logo1_t.png

今月頭に「800%高速」とのうたい文句でリリースされたJQuery1.1.3。早速入れてみました。確かに早い、いままではページ読み込み後JQueryの処理が終わって操作が出来るようになるまでちょっと間があって、例えばこのブログのトップページの右サイドバーの折りたたみなんかも表示後折り畳まれるまで少しぎこちない感じがしたけど、JQuery1.1.3にしたら結構早い感じ。読み込み後速やかにスチャっと折り畳まれる。

ただ、ThickBoxと利用する場合ちょっと不具合があるみたい。IE6だけThickBoxの表示がおかしなことになってしまうのです。

追記: 

ThickBoxのフォーラムに投稿された内容を参考に、7月16日の記事に解決方法を掲載しました。

続きを読む JQuery1.1.3リリース。が、ThickBoxがIE6では不具合?

このエントリーをはてなブックマークに追加
はてなブックマーク - JQuery1.1.3リリース。が、ThickBoxがIE6では不具合?
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

jQuery Flash Plugin

jfp_t.png

ページにフラッシュを埋め込む時の定番jsとして、SWFObjectが有名なわけですが、せっかく(なんとなく?)JQuery使ってるので何かないかと探してみたらありました。要はSWFObjectのJQuery版。使い方がとてもシンプルなのが良。あと、sIFRみたいに好きなフォントで選択可能なテキストを表示したりもできる。

当然ソースコードはJQueryのシンタックスで書かれているので容量も小さいというおまけ付き。既にjsフレームワークとしてJQueryを利用していてFlash使う場合は結構お勧めとみた。

jQuery Flash Plugin

このエントリーをはてなブックマークに追加
はてなブックマーク - jQuery Flash Plugin
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

ブラウザ上で動くグラフィカルなプログラミング環境 ? LILY

lily_t.png

IDEA*IDEAで紹介されてた「LILY」というグラフィカルプログラミング環境。まだ開発中のようなのですが、モジュールをパッチコードでつないでプログラミングするこのルックスはもろMax/MSPじゃないすか!bangとか、サイト内のムービー上から2番目のBeatBoxなんてかなりそのまんまな感じで、これがブラウザ上で動くとなるとかなりワクワク。


Lily is a graphical data-flow programming environment that runs in a web browser. It’s currently in beta testing.

利用できるのはまだ先のようですが、実際に使っている様子のスクリーンキャストが見れます。

続きを読む ブラウザ上で動くグラフィカルなプログラミング環境 ? LILY

このエントリーをはてなブックマークに追加
はてなブックマーク - ブラウザ上で動くグラフィカルなプログラミング環境 ? LILY
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

Javascriptから余分な文字を削除して容量を減らしてくれるv ? JS Minifier

SIMPLE*SIMPLEで紹介されてた記事から。

JS Minifier

コメントや改行タブインデントなんかを取り除いて、ファイルを軽量化。エディターで正規表現使って置換する事でも出来るんだけど。Webブラウザのフォイームにコピペするだけで使えるてがるさはいいかも。

サイトには何をどうしてるかの説明もちゃんと載ってる。さらに各種言語でのソースも載ってる。

このエントリーをはてなブックマークに追加
はてなブックマーク - Javascriptから余分な文字を削除して容量を減らしてくれるv ? JS Minifier
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

リンク先のプレヴューを表示するjavascript:「Snap Preview Anywhere」

SPA_t.jpg

普段見ているサイトのあちこちでリンクにカーソルをのせたときにリンク先のスクリーンショットが小さく表示されるポップアップを見かけて気になったのでクレジットをたどって見つけたJavascriptを利用したサービス、「Snap Preview Anywhere」。

Snap Preview Anywhere

提供しているのはSS付きで検索結果を表示する検索サイトSnap。簡単な登録をし、表示された短いスクリプトをhtmlの<head></head>内に記述するだけで、他サイトへのリンクにマウスオーバーするとリンク先のスクリーンショットを吹き出し風にポップアップして表示してくれます。リンク部分やその他のの部分に手を加えることがなく気軽に使えます。
リンク先にジャンプする前にだいたいのイメージがつかめるのは何となく安心感があっていい感じ。

当然ながら全てのサイトのSSが登録されている訳ではないのですが、まだ登録されてないサイトのリンクにマウスオーバーするとぐるぐる回るホイール画像とともに「Capturing Previe now…」の表示が出てしばらく絶つとちゃんとSSが表示されるようになります。

このエントリーをはてなブックマークに追加
はてなブックマーク - リンク先のプレヴューを表示するjavascript:「Snap Preview Anywhere」
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

blummy: Wikipedia検索用blummletを作ってみました

wikipedia_blummlet_1_t.png

ついこないだから使い始めた「ブックマークレットを管理するブックマークレット、blummy」。wikipediaのblummlet(: blummy用に作られたブックマークレットのことをこう呼ぶそうで)はいくつかあったのですが日本語のWikipediaを検索するblummletがないので自作してみました。といってもイタリア語のWikipedia用blummletをちょっと直しただけなんですけどね。

Wikipedia (ja) lookup。あ、名前もほぼパクリですいません。
これをblummyに登録しとけば、調べたい単語をブラウザ上でドラッグして選択、blummyを開きWikipedia (ja) lookupをクリックすると選択した単語のページにジャンプします。

続きを読む blummy: Wikipedia検索用blummletを作ってみました

このエントリーをはてなブックマークに追加
はてなブックマーク - blummy: Wikipedia検索用blummletを作ってみました
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

Blummyでブックマークレットを一括管理

blummy_logo_1.png

一つまた一つと増えるブックマークレット。del.icio.usやBlue Dotなどのソーシャルブックマークサービス。ブログへのクイックポスト、wiki参照などなど、ブラウザのブックマークバーがいっぱいいっぱいになりつつあるのでなんとか整理できないものかと探してみるとBlumyなるブックマークレットを管理するブックマークレットがありました。

続きを読む Blummyでブックマークレットを一括管理

このエントリーをはてなブックマークに追加
はてなブックマーク - Blummyでブックマークレットを一括管理
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

Thickboxを入れてみる

twilight2_1.jpg

画像のポップアップ表示に以前LightBoxを利用していました(LightBoxサイト)。写真を開くときの動きとか見た目はこっちの方がかっこ良かったりするんですが、写真以外にテキストやページを表示できる多機能さに期待してThickBox2.1を導入してみました。上のサムネールをクリックすると同一ウィンドウ内にオーバーレイで画像が表示されます。

ThickBox 2.1

これのコアとなっているJavascriptライブラリのJquery自体もかなりいろいろできる感じで、正直そっちの方に興味があってThickBoxを選んだところもあるんです。

Jquery : Javascript Libraly

続きを読む Thickboxを入れてみる

このエントリーをはてなブックマークに追加
はてなブックマーク - Thickboxを入れてみる
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

jQuery 開発者向けメモ

先日ver.1.0が正式公開されて気になっているjavascriptライブラリ「Jquery」の日本語解説サイト。このサイトの冒頭にもあるように日本語の解説、情報が少ない中で非常に期待してます。しかもちゃんと動作する例が各項目についていて非常に分かりやすい。ドキュメントなんか英語読めよ!って言われそうですが、やはり日本語の解説の方が理解に要する時間は短くてすみますし、英語のドキュメントとあわせて読めばより理解できるはず…というと言い訳っぽいですが。

このJquery、覚えてしまえばとにかくコードが短くてすむのがいいです。本来のjavascriptらしくない表記なので慣れは必要ですが直感的にやりたいことをやれるライブラリといった感じがします。

このエントリーをはてなブックマークに追加
はてなブックマーク - jQuery 開発者向けメモ
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]

マウスオーバーを利用したJavascript

PJ Hyett ‘Timeout your Mouseovers’ マウスオーバーを利用するJavascriptは特に新しいわけではないですが、動作の間隔が絶妙な気がします。早すぎず、遅すぎず。意思に関係なくやたらポップアッップしまくるサイトなんかにはぜひ見習ってほしいです。

そういえば、クリックしないサイトってのもありますね。 DONTCLICK.IT こちらはFlashですが、うっかりクリックすると警告画面が出る徹底ぶり。

このエントリーをはてなブックマークに追加
はてなブックマーク - マウスオーバーを利用したJavascript
Share on Facebook
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Share on FriendFeed
[`tweetmeme` not found]