ホームページ制作関連の技術ネタを備忘録的にまとめています

【HTML】
<div class=”comment”>
 <p class=”linkarea”>
 <a href=”hogehoge.html”>このリンクテキストは表示されない</a>
 ここにテキストがはいる
 </p>
</div>

【CSS】
div.comment {
 position: relative;
 width: 100% ;
 min-height:100px;
 margin:0;
}
div.comment p.linkarea {
 margin:0;
 padding:0;
}
div.comment p.linkarea a {
 display: block ;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 text-indent:-999px;
 background/***/: #fff9; /*IE7、8用ハック*/
 filter:alpha(opacity=0); /*フィルターで透明に*/
}

この例だと、commentというdivを起点として透明なリンクエリア（linkarea）をdiv全体に重ねているイメージ。
リンクテキストはテキストを飛ばしているので記入されていても表示はされません。

Greybox、Thickboxで開かれたウインドウから親ウインドウを操作する方法。

【Greybox】

・親ウインドウのID箇所を書き換える
parent.parent.document.getElementById(id_name).innerHTML = val;
・親ウインドウをリロードする
parent.parent.location.reload();
・今開いているウインドウを閉じる
parent.parent.GB_hide();

【Thickbox】

・親ウインドウのID箇所を書き換える
window.parent.document.getElementById(‘id_name’).innerHTML = val;
・親ウインドウをリロードする
window.parent.location.reload();
・今開いているウインドウを閉じる
parent.tb_remove();

ジャヴァスクリプトのonloadイベントで「実装されていません」というエラーが出たので解決策をメモ。

×エラーが出た記述

window.onload = hogehoge();

（hogehogeという関数は別途定義されているとする。）

○解決された記述

window.onLoad = hogehoge();

LoadのLを大文字にしただけで解決 😐