関連項目⇒
まっさらなウィンドウを応用して完全なニセメッセージボックスを作ります。
メッセージボックスを開きたいページに
<INPUT type="button" value="ニセメッセージボックス起動" onclick="window.open('niseMsg.htm','niseMsg','fullscreen=1')">
と書きこんで下さい。
ページ読み込みと同時に開きたい場合は
<BODY onload="window.open('niseMsg.htm','niseMsg','fullscreen=1')">
とBODYタグを書きかえます。
そしてニセメッセージボックスにあたるページ（niseMsg.htm）のソースを下記のようにします。
画像を使用したい方は、ウィンドウズ風ゲストブック で使用しているアイコンを保存してお使い下さい。
メッセージボックスを開きたいページに
<INPUT type="button" value="ニセメッセージボックス起動" onclick="window.open('niseMsg.htm','niseMsg','fullscreen=1')">
と書きこんで下さい。
ページ読み込みと同時に開きたい場合は
<BODY onload="window.open('niseMsg.htm','niseMsg','fullscreen=1')">
とBODYタグを書きかえます。
そしてニセメッセージボックスにあたるページ（niseMsg.htm）のソースを下記のようにします。
画像を使用したい方は、ウィンドウズ風ゲストブック で使用しているアイコンを保存してお使い下さい。
<HTML>
<HEAD>
<TITLE>JAVAIRA Nise Message Box</TITLE>
<SCRIPT language="javascript">
var WW = "350"; //メッセージボックスの幅
var HH = "150"; //メッセージボックスの高さ
window.resizeTo(WW,HH);
self.moveTo((screen.availWidth/2)-(WW/2),(screen.availHeight/2)-(HH/2));
var flag = false;
var sx,sy;
function mDown(){
if(flag == true){
sx = event.screenX;
sy = event.screenY;
}
}
document.onmousedown = mDown;
var mx,my;
function mMove(){
if(flag ==true){
mx = event.screenX;
my = event.screenY;
parent.top.window.moveBy((mx)-(sx),(my)-(sy));
sx = mx;
sy = my;
}
}
document.onmousemove = mMove;
function Buttobi(){
for(i=0;i<0;i++){
parent.top.window.top.moveBy(-i,i)};
for(j=0;j<1;j++){for(i=0;i<100;i++){
parent.top.window.top.moveBy(0,-i)}; for(i=0;i<100;i++){
parent.top.window.top.moveBy(i,0)}; for(i=0;i<100;i++){
parent.top.window.top.moveBy(0,i)}; for(i=0;i<100;i++){
parent.top.window.top.moveBy(-i,0)}}; for(i=0;i<0;i++){
parent.top.window.top.moveBy(i,-i)}
}
// -->
</SCRIPT>
<STYLE type="text/css">
BODY,TD{margin:0;overflow:hidden;font-size:12;font-family : "MS UI Gothic";}
BODY{border:2 outset;}
BUTTON{font-size:11;text-align:center;width:16;background-color:#c0c0c0;}
INPUT{background-color:#c0c0c0;}
</STYLE>
</HEAD>
<BODY bgcolor="#c0c0c0">
<TABLE width="100%" height="20" cellpadding="0" cellspacing="0" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=navy,endColorStr=lightcyan);">
<TR>
<TD valign="top" onmousedown="flag=true;" onmouseup="flag=false;" ondrag="return false" style="font-family : Verdana;font-size:12;font-weight:bold;color:white;padding-top:2;"> JAVAIRA Nise Message Box</TD>
<TD align="right" onmousedown="flag=true;" onmouseup="flag=false;" ondrag="return false" height="20" style="padding-right:3;padding-top:2;">
<BUTTON style="height:85%;z-index:2;" onclick="alert('えっ？ココ押しても閉じれませんよ。\n\nビックリマーククリックしないと・・・');"><B>X</B></BUTTON>
</TD>
</TR>
</TABLE>
<TABLE border="0" width="100%" cellpadding="0" cellspacing="0">
<TR>
<TD align="center" width="60" style="padding:15;padding-top:20;"><A href="javascript:parent.top.window.close()"><IMG src="../cgi-bin/ape_win/image/18.gif" width="32" height="32" border="0"></A></TD>
<TD style="padding-top:10;line-height:150%;" width="100%" align="center">
<MARQUEE width="90%">ダイアログで、マーキーがっ！！！！ いえいえ、これは完全なニセメッセージボックスです。OKをクリックすると更にいたずらが起こったりします・・・・・・・・</MARQUEE>
</TD>
</TR>
<TR>
<TD colspan="2" align="center" style="padding:10;"><INPUT type="button" value=" OK " onclick="Buttobi()"></TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HEAD>
<TITLE>JAVAIRA Nise Message Box</TITLE>
<SCRIPT language="javascript">
var WW = "350"; //メッセージボックスの幅
var HH = "150"; //メッセージボックスの高さ
window.resizeTo(WW,HH);
self.moveTo((screen.availWidth/2)-(WW/2),(screen.availHeight/2)-(HH/2));
var flag = false;
var sx,sy;
function mDown(){
if(flag == true){
sx = event.screenX;
sy = event.screenY;
}
}
document.onmousedown = mDown;
var mx,my;
function mMove(){
if(flag ==true){
mx = event.screenX;
my = event.screenY;
parent.top.window.moveBy((mx)-(sx),(my)-(sy));
sx = mx;
sy = my;
}
}
document.onmousemove = mMove;
function Buttobi(){
for(i=0;i<0;i++){
parent.top.window.top.moveBy(-i,i)};
for(j=0;j<1;j++){for(i=0;i<100;i++){
parent.top.window.top.moveBy(0,-i)}; for(i=0;i<100;i++){
parent.top.window.top.moveBy(i,0)}; for(i=0;i<100;i++){
parent.top.window.top.moveBy(0,i)}; for(i=0;i<100;i++){
parent.top.window.top.moveBy(-i,0)}}; for(i=0;i<0;i++){
parent.top.window.top.moveBy(i,-i)}
}
// -->
</SCRIPT>
<STYLE type="text/css">
BODY,TD{margin:0;overflow:hidden;font-size:12;font-family : "MS UI Gothic";}
BODY{border:2 outset;}
BUTTON{font-size:11;text-align:center;width:16;background-color:#c0c0c0;}
INPUT{background-color:#c0c0c0;}
</STYLE>
</HEAD>
<BODY bgcolor="#c0c0c0">
<TABLE width="100%" height="20" cellpadding="0" cellspacing="0" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=navy,endColorStr=lightcyan);">
<TR>
<TD valign="top" onmousedown="flag=true;" onmouseup="flag=false;" ondrag="return false" style="font-family : Verdana;font-size:12;font-weight:bold;color:white;padding-top:2;"> JAVAIRA Nise Message Box</TD>
<TD align="right" onmousedown="flag=true;" onmouseup="flag=false;" ondrag="return false" height="20" style="padding-right:3;padding-top:2;">
<BUTTON style="height:85%;z-index:2;" onclick="alert('えっ？ココ押しても閉じれませんよ。\n\nビックリマーククリックしないと・・・');"><B>X</B></BUTTON>
</TD>
</TR>
</TABLE>
<TABLE border="0" width="100%" cellpadding="0" cellspacing="0">
<TR>
<TD align="center" width="60" style="padding:15;padding-top:20;"><A href="javascript:parent.top.window.close()"><IMG src="../cgi-bin/ape_win/image/18.gif" width="32" height="32" border="0"></A></TD>
<TD style="padding-top:10;line-height:150%;" width="100%" align="center">
<MARQUEE width="90%">ダイアログで、マーキーがっ！！！！ いえいえ、これは完全なニセメッセージボックスです。OKをクリックすると更にいたずらが起こったりします・・・・・・・・</MARQUEE>
</TD>
</TR>
<TR>
<TD colspan="2" align="center" style="padding:10;"><INPUT type="button" value=" OK " onclick="Buttobi()"></TD>
</TR>
</TABLE>
</BODY>
</HTML>