jquery loading test

jqueryでファイル読み込みする時に、load()メソッドそのまま使うとローディングしながら中身が表示されてしまうので何か方法ないかと思って見つけた。

早い話が、読み込ませるdivにCSSでdisplay:noneを指定しておけばいいってことだった。
非同期通信されるとajaxSendとajaxCompleteが呼び出される。

コールバック関数ってのがよくわかってなかったんだけど、イベントリスナみたいなものだと言われたらちょっとわかった。というか、こういう使い方してもいいんだろうなと。

$(this).fadeOut("fast", function() {
 $("#content").show();
});

fadeOutした後に読み込んだファイルの中身を表示してる。dtをクリックしたらddが表示される。これやる前は普通にチェーンでつないでたんだけど、フェードアウトが終わる前に読み込みが始まってださいことになってた。
動作サンプル
read fileをクリックするとファイル読み込み開始。

sonicode by st44100

sound file

s o n i c o d e 
s o n i c o d e 
s o n i c o d e 
s o n i c o d e 
s o n i c o d e 
s o n i c o d e 
電子音楽
電子　楽
　子音　
電子音楽
電　音楽
　子音　
電子fdさfdさfdさ　楽
　子　楽
電子音楽
電子音楽

電子音楽
電子音楽

電子音楽
電子音楽

S
S O
SON
SONI
CODE
 ODE
  DE
   E
C             /
  O         /
    D    /
      E /
C  C
  O O
    D D
      E  E

S 
S O/
SON/
SONI/
CODE/
 ODE/
  DE/
   E/

S O N I C O D E 

S O N I C O D E 

S O N I C O D E 

S O N I C O D E 

S O N I C O D E 
SONIC♪
     CODE ♬
SONIC♪♪
     CODE ♬ ♬
SONIC♪♪/
     CODE ♬ ♬ / 
S O N I C O D E /
S O N I C O D E / /
S O N I C O D E / / /
S O N I C O D E / / / /
S O N I C O D E / / / / /
S O N I C O D E / / / / / /
S O N I C O D E / / / / / / /

㍿　㍿　㍿　㍿
 ㍿　㍿　㍿　㍿
㍿　㍿　㍿　㍿
 ㍿　㍿　㍿　㍿
㍿　㍿　㍿　㍿
 ㍿　㍿　㍿　㍿
 ㍿　㍿　㍿　㍿
  ㍿　㍿　㍿　㍿
㍿　㍿　㍿　㍿
 ㍿　㍿　㍿　㍿
  ㍿　㍿　㍿　㍿
   ㍿　㍿　㍿　㍿
㈱
㈱　㌕
㈱　㌕　㌖
へへへへへへへへへへへへへ
へへ　へへ　へへ　へへ
　へ　　へ　　へ　　へ

wwwwwwwwwwwww
wwwwwwwwwwwww
wwwwwwwwwwwww
IAMAS
IAMAS
IAMAS
IAMAS
IAMAS
IAMAS
I
I
I
I
I
A
A
A
A
M
M
M
M
A
A
A
A
M
M
M
M
A
A
A
A
M
M
M
M
 S
 S
 S
 S
 S
２
２
２
０
０
０
０
０
０
８
８
８
２００８
　　　８
　　０８
　００８
２００８
　　　８
　　０８
　００８
２００８

wodcast

wodcast.org
Adrian ShaughnessyとかPeter Savilleとか有名なデザイナーのインタビュー集。
このままではpodcastに登録できないので、yahoo pipes使ってmp3のとこだけ抜き出した。
http://pipes.yahoo.com/pipes/pipe.run?_id=HCgD5pbp3BGhaZYI8jxBKg&_render=rss
リンク先をクリックして購読に使用するフィードリーダーをitunesにするか、itunesから「詳細...」>「Podcastを登録...」にこのURLを入力すればいけるはず。pipes実行しただけだとuntitledにしかならないけど、itunesではちゃんとタイトルなど表示されるのでこれでいいや。

環境が変わることもあって、携帯音楽プレーヤーで常に英語を聴いてるようにしたい。けどいわゆる語学学習用のって話が面白くなかったりするので、できるだけ興味を持って聴けるやつがいい。

wnycのradio labは編集とかも凝ってて、内容だけでなく音声ならではの試みが面白い。
WNYC - Radiolab