※ ChatGPTを利用し、要約された質問です(原文:ポップアップウインド)
ポップアップウインドにポップアップを閉じるためのスイッチを設置する方法
このQ&Aのポイント
ポップアップウインド内にポップアップを閉じるためのスイッチを設置するためのスクリプトを紹介します。
スクリプトを使用すると、ポップアップウインド内でポップアップを閉じるためのスイッチが表示されます。
スクリプトを実行すると、ポップアップウインド内にポップアップを閉じるためのスイッチが表示されます。ユーザーはスイッチをクリックすることでポップアップを閉じることができます。
下記のスクリプトでポップアップウインド内に『ポップアップを閉じるためのスイッチ』を設置したいのです。
-----よろしくお願いします。-----
<HTML>
<HEAD>
<TITLE>createPopup</TITLE>
<SCRIPT>
<!--
var oPopup = window.createPopup();
oPopup.document.body.onclick = fOnclick;
oPopup.document.body.oncontextmenu = fOncontextmenu;
function fOnclick()
{
var oSrcElement = oPopup.document.parentWindow.event.srcElement;
if (oSrcElement.tagName == 'A')
{
window.navigate(oSrcElement.href);
}
}
function fOncontextmenu()
{
return false;
}
function fShow()
{
oPopup.document.body.style.background = '#ffffee';
oPopup.document.body.style.border = 'outset 1px';
oPopup.document.body.style.padding = '1px';
oPopup.document.body.innerHTML = oSpan.innerHTML;
oPopup.show('100', '30','200','200',document.body);
}
function fHide()
{
oPopup.hide();
}
//-->
</SCRIPT> </HEAD>
<BODY onload="fShow()"><SPAN style="display:none" id="oSpan" onclick="fHide();"><A href="http://www.w3.org">createPopup</A><BR>
<A href="http://www.google.co.jp">show</A><BR>
<A href="http://www.yahoo.co.jp">hide</A><BR>
<A href="http://java.sun.com">isOpen</A><BR>
</SPAN><INPUT type="button" value="show" onclick="fShow()"><INPUT type="button" value="hide" onclick="fHide()">
</BODY>
</HTML>
お礼
助かりました。 どうもありがとうございました。