現在新しく作ったテンプレートを色々テストしているところなので、記事中のサンプルスクリプトを外している場合があります。
悪しからずご了承ください。
テスト用ブログで試せばいいんでしょうけど、元々ここはテスト用ブログなんです。
追記
とりあえず一段落したので通常に戻しました。お騒がせしました。
でもまた近々別のテンプレートを試すかも (2008/08/26)
〜ご不便をおかけいたします〜
現在新しく作ったテンプレートを色々テストしているところなので、記事中のサンプルスクリプトを外している場合があります。
悪しからずご了承ください。
テスト用ブログで試せばいいんでしょうけど、元々ここはテスト用ブログなんです。
とりあえず一段落したので通常に戻しました。お騒がせしました。
でもまた近々別のテンプレートを試すかも (2008/08/26)
久々にブログのテンプレートを作っていますが、ちょっとその副産物でも
スペースの関係上ブログの各情報を詰め込みたくなったので、今日はアイコンを集めたツールバー的なものにプルダウンメニューを付けるテストです。
Ajaxカレンダーの機能拡張テストです。
その月の記事一覧を表示します。
この記事を開いたときのみサイドバーにある月別アーカイブのプラグインを開閉式にしてみます。
Ajaxカレンダーに手を入れる前に、ちょっとこちらでテスト。
ライブドアブログの一番上に表示されるヘッダー広告の中にあるティッカー(動いている広告)の位置がIEでよく外れます。Operaでも高さが合っていなかったりすることが多いです。
JSでの絶対座標の取得がどうも失敗しているっぽいのですが、何が悪いのかちゃんと調べた訳ではないので何とも言えないです。
昔のスクリプトでは現象が起こらないし、何度か要望を出したものの通ったことがないので、何か現状に落ち着いた理由があるのかなーとは思うのですが、返答をもらったことはありません。
livedoor Blogへの要望・アイデアまとめページ - [ブログヘッダー] ティッカー広告のバグについてSafariでブログの表示チェックをしていたら、カテゴリの開閉表示がすべて開きっぱなしになっていることに今更気づきました。
今までjQueryオブジェクト作成直後にhideメソッドを実行していましたが、
$('<ul />').hide();
これだとSafariでは要素が非表示になりませんでした。
調べてみると、HTML内にある他のエレメントに追加した後なら動作するようです(↓の$parentは親エレメントのjQueryオブジェクト)
$('<ul />').appendTo($parent).hide();
つまりDOM上で宙に浮いた状態のエレメントではSafariでhideメソッドが動作しない・・・ということのようです。
ちなみにCSSで直接display指定するとSafariでも消すことができます。当たり前ですが。。
$('<ul />').css({'display':'none'});もしくは、
$('<ul style="display:none" />');