javascript に関する記事

自分には妹がいるんですが、イラストなどを描いてます。

やさしい兄なので、ホームページを作ってあげることに。

どうせ作るなら色々やってみようと、TOPページに置くスライドショー的なものにscript.aculo.usを使ってみました。

Effect.AppearとEffect.Fade・Effect.MoveBy、そしてsetIntervalを使うことで割とスムーズに実現しました。

こちらがサンプルページです。

script.aculo.usでスライドショー

ちなみに script.aculo.usの複合エフェクトを実行するためのParallelって関数なんですけど、IEでうまく動かないみたいですね。

ajaxで表示しているページへの擬似的な直リンクを作ってみました。

こちらの記事ajaxで戻るボタンを実装する
のonloadイベント（呼び出し元htmlファイル）に以下のjsを追記することできました。

Continue reading

必要になったので、ajaxを使用しているページに戻るボタンを実装しました。
うまいことできたので、けっこう満足。

色々調べてみたのですが、なかなか具体的な実装例が無かった為、書き残します。
firefox2.0とIE6で検証済みです。

Continue reading

jsファイルやcssファイルのキャッシュはクライアント側に残ります。
しかもキャッシュが切れるまでの時間が長いです。

だからjavascript等のファイルを更新してアップしたとき、
エラーでページが見れなかったりするわけです。

これの解決方法ですが、
呼び出しファイル名に引き数をくっつけてあげればキャッシュを読みにいきません。

<script src="script.js?20070805" type="text/javascript" />
<link href="style.css?20070805" rel="stylesheet" type="text/css" />

このように日付で管理したり、バージョンで管理するのが主流です。
xmlファイルなんかもキャッシュが長く残るので使えそうです。

画像をある一定の枠内に表示させたい時、スタイルシートで

img{max-width:150px;max-height:150px;}

とすることで画像の縦横の最大値を150pxに設定して、等倍縮小することが可能。

ただ、この方法はやっぱりIE6では対応していない。

Continue reading

「IE6ではhoverが使えないので、 ’csshover.htc’を使って解決しました。」

とこちらの記事で書きましたが、Ajaxを使ってページの１部分を更新すると、やっぱりaタグ以外にhover要素が使えないという問題に直面しました。

ほんと、いつもIEさんには泣かされます・・・。

Continue reading