« 11月 2011 12月 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

Profile

Mobile

  • CSSでdivエリア全体をクリック出来るようにする
  • 2011.12.14
  • 【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/*\**/: #fff\9; /*IE7、8用ハック*/
     filter:alpha(opacity=0); /*フィルターで透明に*/
    }

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

  • Greybox、Thickboxの使い方
  • 2011.12.13
  • 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();

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


    ×エラーが出た記述

    window.onload = hogehoge();

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


    ○解決された記述

    window.onLoad = hogehoge();


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

Page Top