2007/12/29 土曜日

JavaScriptでIEかどうかをたったの1行で判別する方法

Filed under: JavaScript — admin @ 10:47:44
<html>
<script language="javascript">
var isMSIE = /*@cc_on!@*/false;
if (isMSIE) {
    alert('IE!');
} else {
    alert('not IE!');
}
</script>
<body></body>
</html>

JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌

No Tags

透過IFRAME

Filed under: css — admin @ 6:30:13

FireFoxだと、背景色を指定しなければデフォルトで透過になるらしい。

IEの場合はallowTransparency=trueを指定する。※TransoarencyのTをちゃんと大文字にしないと動かないよ。さらに、表示するiframe内ドキュメントのbodyにbackground:transparencyを指定しておく。ところで、透過指定すると、Simとしては使えないので注意!!

おうじパーク | 透けスケIFRAME

No Tags

SELECT BOXの上にレイヤーを置くには

Filed under: css — admin @ 5:27:43

WindowsのブラウザでSELECT BOXの実装方法がWindow Controlをそのまま使っているのが原因でz-indexとかでいくら頑張っても最上位にSELECT BOXが表示されてしまう。回避方法はSimと言われるiFremeを追加する方法がある
Simの上にDivを置くためには要素をabsolutteしたDIVをzIndexを上位にして重ねる。
Absoluteにしないと上に載せることができない。

// シム(プルダウンが透ける問題対策)作成・表示
function SimView(elem){
//取得or作成
if(document.getElementById(elem.id+'Sim')){
Sim = document.getElementById(elem.id+'Sim');
} else {
//シム作成
var Sim = document.createElement('iframe');
Sim.id = elem.id+'Sim';
Sim.scrolling = 'no';
Sim.frameborder = '0';//なぜか消えない・・・
document.body.appendChild(Sim);
}
//シム表示(元エレメントのデータを参照)
Sim.style.left = elem.style.left;
Sim.style.top = elem.style.top ;
Sim.style.display = 'block';
}

プルダウンメニューアイテムの画面優先順位 - 教えて!goo
WebLogic

No Tags

CSSで縦方向の中央に配置

Filed under: css — admin @ 2:26:14

cssで縦方向中央に表示するプロパティがなくて結構困る。

例えばレイヤーを使ったウインドウの擬似表示なんかする場合に困る。javaScriptで直接計算して表示してもいいけどね。

@charset "shift_jis";
/* --- style.css --- */ 

* {
 margin: 0;
 padding: 0;
 } 

html, body {
 height: 100%;
 } 

body {
 background-color: #FFFFFF;
 text-align: center;
 } 

#mainBoxPosition {
 float: left;
 width: 1px;
 height: 50%;
 margin-bottom: -120px; /* mainBox高さの半分 */
 /* background-color: #FFFFFF;
 */
 } 

#mainBox {
 position: relative;
 clear: left;
 width: 774px;
 height: 239px;
 margin: 0px auto;
 } 

#mainBox img {
 border: none;
 color: #BBBBBB;
 } 

#mainBox img#underconstruction {
 width: 774px;
 height: 239px;
 }

たつのりくんのらくがきちょう CSSで縦方向の中央に配置

No Tags

css clipでのイメージマスクの方法

Filed under: css — admin @ 1:34:01

cssのclipは要素の一部を切り出すプロパティです。
ところが、切り出した部分以外もちゃんと残ってしまうので
イマイチ使いづらいプロパティでほとんど使われていません。

そこで、実用的な使用例
ミモザガーデン css clipでのイメージマスクの方法

clip自体は透過png画像を使った角丸等で使えそうな予感。

No Tags