2012/03/31

jQuery UI Accordion で cookieを使った位置保存

Accorditonのオプションで navigation を trueにセットすれば、表示されている URLから勝手に選択状態(active)を変更してくれるが、それだけでは網羅できないこともある。navigationFilterというオプションでurlの解析などをすればいいんだろうけど、javascriptはとんと分からない。なので、最後の状態を cookieに保存しておくという方法にした。そのメモ。クッキーの管理は jquery.cookie.js で。

1
2
3
4
5
$('.selector' ).accordion({
 header: 'h3',
 active: $.cookie('cookiename'),
 change: function(e, ui) { $.cookie('cookiename', $(this).find("h3").index(ui.newHeader[0]), { path: '/' }); }
 });

実際はこの方法だとうまくいかない。cookieが最初は空だから active: の後がブランクになってエラーになる。空の時に 0を入れるようにすればいいんだが、なにせ javascriptはとんと分からない。 $.cookie('cookiename') ? $.cookie('cookiename') : 0 とか書けばいいのかな?
自分は、この部分はphpでやってしまった。

同じ jQuery UIの Tabsは cookieのオプションがあるんだから、accordionでも同じようにサポートしてくれればいいのに..なんて。

2012/03/20

HDD移行

自作パソコンに入れた MacOSXは問題なく動作中。懸案の ext4でフォーマットされた HDDを Macで読めるようにする方法を模索。

2012/03/15

33000km


198.9km / 5.3L = 37.53km/L shell@144yen
ここ1ヶ月で10円/Lも上がってる。

2012/03/12

眼鏡の弦が折れてしまった

仕方がないので応急処置。
爪楊枝を添え木に、裁縫糸をぐるぐる巻いただけ。
普通にかけてる分には問題なし


電車通勤じゃなくて良かった

2012/03/07

jquery tabs accordion

タブの中にそれぞれアコーディオンを配置したとき、最初に隠れている方のアコーディオン・ウィジェットの高さがちゃんと計算されないという問題。パラメータを変えたり、ロジックを追加したり、cssをいじってみたりとさんざん試してみたがしっくりする結果にならない。

で、表題のキーワードでググった3番目の結果に...

jquery ui accordions within tabs

全く同じ問題の質問があった。何のことはない、初期化の順番を変えるだけという....。答えをもらえば、なるほどと理解できる。これだけのために延べ2週間近く悩んでた。単純なというか基本的なキーワードの検索なのに、なんでやらなかったんだろうと。

色々な画像ファイル形式をhtmlに埋め込む(PHP)

画像をhtmlに埋め込む際、単一の場合は img/src、複数の拡張子を指定すると img/source/srcsetに展開してくれる便利関数。また、単一拡張子のみが指定されている場合は、ブラウザのサポート状況に応じ、avifやwebpの拡張子を持つ同名のファイルがある場合は[a...