Calendar

<< 12月 >>
 1234
567891011
12131415161718
19202122232425
262728293031  

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/***/: #fff9; /*IE7、8用ハック*/
     filter:alpha(opacity=0); /*フィルターで透明に*/
    }

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

【この記事のタグ】
CSSで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();

【この記事のタグ】
コメント&トラックバック(0)
  • javascriptのonloadイベントで「実装されていません」のエラー
  • 2011.12.02
  • ジャヴァスクリプトのonloadイベントで「実装されていません」というエラーが出たので解決策をメモ。


    ×エラーが出た記述

    window.onload = hogehoge();

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


    ○解決された記述

    window.onLoad = hogehoge();


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

【この記事のタグ】
コメント&トラックバック(0)

▲ PAGE TOP