![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
下記のスクリプトでポップアップウインド内に『ポップアップを閉じるためのスイッチ』を設置したいのです。
-----よろしくお願いします。-----
<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>
No.1ベストアンサー
- 回答日時:
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.document.body.innerHTML += '<input type="button" value="close" onclick="self.window.close()">';
oPopup.show('100', '30','200','200',document.body);
}
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Webサイト上の文字情報をコピー...
-
LaTeX:数式を等号揃えにする方法
-
SafariのIframeで高さが取得で...
-
TexでΣの添え字の位置直し
-
Webページ上に「文字を大き...
-
プルダウンを複数使い、ページ...
-
「戻る」ボタンのブラウザ対応
-
VBの記述方法はVBAと同じなので...
-
document.onkeydownについて
-
初めからカンマが付いている数...
-
フラグ管理@レンダリングエリ...
-
Ajaxを使いonMouseoverで説明表...
-
getElementByIdでonClick内を書...
-
このjavascriptのif文、条件式...
-
IE11 javascriptについて
-
google apps scriptの終了のさせ方
-
翌月を取得するGASが分かりません
-
GASでundefinedエラーが出ます
-
functionから別のfunctionを実...
-
関数でy=g(x)のgとは何の略です...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScript window.openで開く...
-
文字を一文字ずつ表示
-
DOM要素を削除しても、イベント...
-
FireFoxのjavascriptで自動でキ...
-
javascriptの基本的なことだと...
-
このjavascriptのif文、条件式...
-
XMLでのAttributeを持ったNode...
-
Latexに関する質問です。
-
Null またはオブジェクトではあ...
-
VBAでIEのボタンを押してメッセ...
-
乗換案内 VBAで操作したい
-
javascriptのdocument.allにつ...
-
TexでΣの添え字の位置直し
-
showModalDialogで開いた画面を...
-
ラジオボタンでreadonlyの切替え
-
excle VBA とweb上の検索を利用...
-
LaTeX:数式を等号揃えにする方法
-
TEXTAREA内の改行位置をinnerHT...
-
iframe内のページ(複数)を変更
-
ブラウザのウィンドウサイズに...
おすすめ情報