JSポップアップレイヤーの表示・非表示を切り替えるサンプルコード

次のようにコードをコピーします。

<!--ポップアップ レイヤの表示と非表示を切り替える -->

<script type="text/javascript">

//ポップアップレイヤーの表示

//overlays: はマスク レイヤの ID です

//wins: ポップアップレイヤーフォームのID

//ポップアップレイヤーでのドラッグに使用されるID

関数 PopDIV_show(overlays,wins,wins_title) {

var oLays = documentgetElementById(overlays);

var oWins = documentgetElementById(wins);

var oWins_title = documentgetElementById(wins_title);

var bDrag = false;

var disX = disY = 0;

var w = "";

var n = 1;

if (n > 0) {

oLaysstyledisplay = "ブロック";

oWinsstyledisplay = "ブロック";

oWins_titleonmousedown = 関数(イベント) {

var イベント = イベント ||

bDrag = true;

disX = eventsclientX - oWinsoffsetLeft;

disY = eventsclientY - oWinsoffsetTop;

thissetCapture && thissetCapture();

falseを返す

};

documentonmousemove = 関数(イベント) {

if (!bドラッグ)

戻る;

var イベント = イベント ||

var iL = eventsclientX - disX;

var iT = イベントクライアント Y - disY;

var maxL = documentdocumentElementclientWidth

- oWinsoffsetWidth;

var maxT = documentdocumentElementclientHeight

- oWinsoffsetHeight;

iL = iL < 0 : iL;

iL = iL > maxL : iL;

iT = iT < 0 : iT;

iT = iT > maxT ? maxT : iT;

oWinsstylemarginTop = oWinsstylemarginLeft = 0;

oWinsstyleleft = iL + "px";

oWinsstyletop = iT + "px";

false を返します。

};

documentonmouseup = windowonblur = oWins_titleonlosecapture = function() {

bDrag = false;

oWins_titlereleaseCapture && oWins_titlereleaseCapture();

};

}

}

//ポップアップレイヤーを非表示にする

//overlays: はマスク レイヤの ID です

//wins: ポップアップレイヤーフォームのID

関数 PopDIV_hidden(オーバーレイ、勝利) {

var oWins = documentgetElementById(wins);

var oLays = documentgetElementById(overlays);

oWinsstyledisplay = "なし";

oLaysstyledisplay = "なし";

}

</script>