2009年07月20日
今更ie6の仕様で
仕様なので
カテゴリーもアイテムもたくさんあるので、
2階層のドロップダウンメニュー使うことに。
CSSとJavaScriptの組み合わせで割とにすんなりと出来ました。
FF、ie７できちんと作動。
次に問題のie6をチェックすると
CSSで指定しているサブカテゴリーへの矢印が表示されません。
それより何より、フォームのselectが前面に出て来て、
メニューにぽっかり穴が！
ie6では、selectはz-indexを無視して
最前面に表示される仕様。
これを防ぐには、iframeをselectと表示させたいレイヤーの間に持って来るか、
visibility:hidden;で非表示にすれば良いのですが、
JavaScriptを使ってレイヤーを表示しているので、うまく連動させることできていません。
さて、どうしたものか・・・
今更ie6の仕様で
仕様なので
カテゴリーもアイテムもたくさんあるので、
2階層のドロップダウンメニュー使うことに。
CSSとJavaScriptの組み合わせで割とにすんなりと出来ました。
FF、ie７できちんと作動。
次に問題のie6をチェックすると
CSSで指定しているサブカテゴリーへの矢印が表示されません。
それより何より、フォームのselectが前面に出て来て、
メニューにぽっかり穴が！
ie6では、selectはz-indexを無視して
最前面に表示される仕様。
これを防ぐには、iframeをselectと表示させたいレイヤーの間に持って来るか、
visibility:hidden;で非表示にすれば良いのですが、
JavaScriptを使ってレイヤーを表示しているので、うまく連動させることできていません。
さて、どうしたものか・・・
2008年08月13日
リンク周囲の点線を消す イメージマップ編
イメージマップ/クリッカブルマップのリンク周囲の点線を消す方法
自由形状のイメージマップ/クリッカブルマップのリンク周囲の点線
意外と気になる時がありませんか？
そんな時はこのJavaScript。
window.onload=function(){
a=document.getElementsByTagName("a");
for(i=0;i
}
area=document.getElementsByTagName("area");
for(i=0;i
}
}
ちなみにこの間の点線を消すJavaScriptは、イメージマップ/クリッカブルマップに効きません。
2008年06月11日
リンク周囲の点線を消す よりきれいな方法
テキストリンクや画像リンクのクリック時に表示される周囲の点線を消す昨日より簡単な方法。
以下のJavaScriptを使えばオーケー！
function disable_links_outline() {
var blur = function () { this.blur() };
for (var i = 0; i < document.links.length; i++)
document.links[i].onfocus = blur;
}
そしてbodyを
<body onload="disable_links_outline()">に
もちろんJavaScript切られていると効かないのですが。
2008年06月09日
リンクの周囲の点線を消す
リンクを設定したテキストや画像をクリックした時に周囲に表示される点線を消すJavaScript。
<a>タグの中に次のJavaScriptを挿入するだけです。
onFocus="this.blue()"
<a href="/">を<a href="/" onFocus="this.blue()">とすれば点線は非表示に。
もちろん<head>～lt;/head>の中に<script type="text/javascript">～</script>が必要で、JavaScriptを切られていれば効きません。
と
これよりも良いの発見したので続く