タグ

ブックマーク / www.programming-magic.com (2)

  • IE6でselectタグ(プルダウン)がz-indexを無視する対策【CSS, HTML】 - Programming Magic

    IE6では、selectタグはWindowsのコントロールを使用して表示されている。 そのためか、z-indexやborder、text-alignなどいつくかのスタイルが無視される。 特に困るのがz-indexで、JavaScriptでdivタグをドラッグで移動できるようにした場合、ページ内にselectタグがあると、selectタグだけがz-indexを無視して一番上に表示されてしまう。 selectタグがz-indexを無視するサンプル Opera9、Firefox2では正しく表示される。 IE7ではz-indexの扱いは正しくなっているが、borderやtext-alignは利かない。 このz-indexのバグはiframeタグを使って解決することができる。 iframeタグは、selectタグよりも高いz-indexが設定されていれば、selectタグよりも上に表示

    aki77
    aki77 2010/06/27
  • ドラッグでチェックできるようにするブックマークレット【JavaScript】 - Programming Magic

    以前、全てチェックを入れるブックマークレットを作ったが、今回は大量にあるチェックボックスの一部だけをまとめてチェックしたかったので、ドラッグでチェックできるようにするブックマークレットを作ってみた。 ドラッグでチェックできるようにするために、ページ内のチェックボックスを全て取得し、それらのMouseDown、MouseOutイベントを登録することにする。 //ロード時に全てのチェックボックスにイベントを登録 window.onload = function (){ var checked, drag, e, i, inputs = document.getElementsByTagName('input'); for (i=0; i < inputs.length; i ++) { e = inputs[i]; if (e.type == 'checkbox'){ //マウスダウン イベン

    aki77
    aki77 2010/06/27
    checkbox, チェックボックス
  • 1