とりあえずメモ

AS2 / attachMovieした要素にアクセスする時

綺麗な書き方じゃないってのと、今更AS2ってのはわかってるけどメモ
[as3]
for (var i = 1; i<=thumbmax; i++) {
this["thumb"+i].num = i;
this["thumb"+i].onRelease = function() {
if (flag == "off") {
_root.container_dummy.attachMovie("container", "container", 1);
_root.container_dummy.container.photo_root.attachMovie("p"+this.num, "photo", 2);
_root.flag = "on";
//
_root.container_dummy.container.photo_root.photo.x_button.onRelease = function() {
if (flag == "on") {
remove();
}
}
}
}
}
[/as3]
_root.container_dummy.container.photo_root.photo.x_button.onReleaseとか長すぎる。
こんな風にすると短く指定出来た(5~6行目あたり)

[as3]
for (var i = 1; i<=thumbmax; i++) {
this["thumb"+i].num = i;
this["thumb"+i].onRelease = function() {
if (flag == "off") {
var at_c = _root.container_dummy.attachMovie("container", "container", 1);
var at_p = at_c.photo_root.attachMovie("p"+this.num, "photo", 2);
_root.flag = "on";
//
at_p.onRelease = function() {
if (flag == "on") {
remove();
}
}
}
}
}
[/as3]

メモ / iframe 高さ取得変更 クロスドメイン

こちらのページをそのまま参考にしてhttp://ja.w3support.net/index.php?db=so&id=153152
iframeで別ドメインにあるページを開いた時に、自動的にheightを調整する方法を試してみた。
(※ 別ドメインにあるファイルにjsを追加する必要あり)

別ドメインのhtmlに手を加えずに出来たら、確実に嬉ションしちゃうけど難しいみたいすなぁ。

続きを読む

jQueryアコーディオンメニューddaccordion.js (Accordion Content script)の設置メモ

ddaccordion.js v1.9現在のお話
Dynamic Drive DHTML Scripts- Accordion Content script (v1.9)

このjs最後にクリックした要素をcookieに保存して
ページ変移後に最後にクリックした要素を開いた状態で移動出来るという便利なオプションがあるんだけど
子を持たない親だけのメニューが混ざっていると、
最後に子メニューを持った親をクリックした場所を記憶してしまい
ページ変移後に変なところが開いてしまう(分かりづらいと思うけど)
みたいな面倒な感じだったので途中経過をメモ。

多分すべての要素が子階層を持っているなら問題は無いのだけれども。

続きを読む

コンテンツの高さが少なくてもフッターをブラウザ下部に表示させる

ブラウザの高さに対してコンテンツ量が足りない時、
フッターの下に隙間が空いちゃって、薄っぺらい感じになっちゃうのを回避したい。

[image]理想と現実

つまり、コンテンツの中身が足りない時はフッターをブラウザ(ウィンドウ)下部に固定したい。

DEMO / コンテンツ量が少ないページでも、フッターをブラウザ下部に表示させるテスト。

続きを読む

IE6 / 印刷するページの右側が切れる場合は、IE独自拡張プロパティのzoomを指定しとくのが常識?

例えば、こんな感じのサイトがあったとして

[image]ダミーサイト

このサイトの持ち主が
(印刷時に)必要ない情報が入り込んでいても
モニタに表示された状態のまま印刷したい
という考え方だった場合
media属性にprintを追加する事になるとおもうんですが

そのまま印刷すると以下のように
IE6で右側が切れちゃったりします。

[image]IE6の印刷プレビュー

そんな時にはzoomを使えばいいよって話。

以下、実際の記述

続きを読む

ある要素内にpaddingが付いてる子要素があったりなかったりする場合に余計なclassを付けないでpaddingを揃える

[下に追記あり / 20100915]
タイトルが意味不明なのはわかってるんだけど、上手くまとめられなかったです。
あと内容はあまり役に立たないと思います。

例えば、aタグをdisplay:block;すると、クリック出来る範囲が広がるのでリンクが押しやすくなってちょっと優しかったり
背景をうまいこと操ってテキストなのにリッチなメニューを作れたりするのでご存知かと思いますが

ある要素内のテキストにaをdisplay:blockしてpaddingで広げる仕様のリンクが入ったり入らなかったりする下のようなhtmlとcssがあった場合,
[html classname=”html-sh”]
<dl>
<dt>dt / リンクなし</dt>
<dd><a href="#">dd / リンクあり</a></dd>
<dt><a href="#">dt / リンクあり</a></dt>
<dd><a href="#">dd / リンクあり</a></dd>
</dl>
[/html]

リンクのないdtにもpaddingをつけてレイアウトを揃えようとして、対策を何もしないと
[css classname=”css-sh”]
dt {
padding:10px;
background:#09c;
}
dt a {
display:block;
padding:10px;
background:#ace;
}
dd a {
display:block;
padding:10px;
background:#f7f7f7;
}
[/css]

dtのpaddingとdt aのpaddingでdt aのレイアウトが揃わない。
[image]現状dtとdt aのpaddingが合計されるので広がる

理想としてはこうしたいのが心情。
[image]dtの中身にリンクがあってもpaddingが変わらないようにしたい

簡単にどうにかする方法がないかなとちょっと考えてみた。

続きを読む