こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

chromeのポップアップについて

お世話になります。

サイトを制作しており、その中でポップアップを表示させるページが
3つあります。
ポップアップが表示され、ページ内の選択肢を選択すると、
画面が消え、新たなポップアップが表示され…が3回ほどあります。
FirefoxとIE10では上記の3つのポップアップはちゃんと表示されておりますが
chromeだけは、最初の2つまではポップアップが表示されますが
最後の1つだけ表示されません。

htmlやJavaScript等で、最後までポップアップを表示させる設定を
することは可能でしょうか?

また、ポップアップの仕様によって表示されない事はあるのでしょうか。

ちなみに、ポップアップ自体は<a>タグを使ったポップアップで、
JavaScriptではありません。

ご教示頂けると助かります。

投稿日時 - 2015-05-19 12:14:04

QNo.8977925

困ってます

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(3)

補足してもらったけど、
2回目、3回目をどうやって呼んでるかわからないから、
どうしてchromeだけ違う動きになるかはわからないよ。

そのサブウィンドウで処理がどうなってるか次第。
開発者ツールで何かエラーが出ていないかとか見てみたら?
開発者ツールはF12を押せば起動する

投稿日時 - 2015-05-19 15:31:14

ANo.2

その「<a>タグを使ったポップアップ」をどのように実装しているのか、その部分のHTMLソースコードを書いてくれないと、アドバイスのしようがないと思いますよ。

「<a>タグを使ったポップアップ」では、まったく意味不明ですし。
まったく想像が付きません。

JavaScriptでできるかと言えば、できます。
何をしたときに表示させたいかにも寄るとは思いますけど。

投稿日時 - 2015-05-19 14:08:14

補足

説明不足ですみません。
<a>タグだけじゃなくてJavaScriptも使ってました。

下記が消えるポップアップファイルの1つ前のファイルの記述です。

----------------------------------------------------------------------------------
【JavaScript】
<script>

window.onload = function (){
var node_a = document.getElementsByTagName('a');
for (var i in node_a) {
if(node_a[i].className == 'popup'){
node_a[i].onclick = function() {
return winOpen(this.href, this.rel)
};
}
}
} ;

function winOpen(url, rel) {
var split = rel.split(',') ;
window.open(
url,'popup',
'width='+ split[0] +',height='+ split[1] +',toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes');
window.close();

return false;
};

</script>

【html】

<a href="url" class="popup" id="links" onclick="winCenter()" >テキスト</a>

----------------------------------------------------------------------------------

です。

投稿日時 - 2015-05-19 15:20:30

ごめん、aタグを使ったポップアップってなに?

投稿日時 - 2015-05-19 12:55:28

補足

説明不足ですみません。
<a>タグだけじゃなくてJavaScriptも使ってました。

下記が消えるポップアップファイルの1つ前のファイルの記述です。

----------------------------------------------------------------------------------
【JavaScript】
<script>

window.onload = function (){
var node_a = document.getElementsByTagName('a');
for (var i in node_a) {
if(node_a[i].className == 'popup'){
node_a[i].onclick = function() {
return winOpen(this.href, this.rel)
};
}
}
} ;

function winOpen(url, rel) {
var split = rel.split(',') ;
window.open(
url,'popup',
'width='+ split[0] +',height='+ split[1] +',toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes');
window.close();

return false;
};

</script>

【html】

<a href="url" class="popup" id="links" onclick="winCenter()" >テキスト</a>

----------------------------------------------------------------------------------

です。

投稿日時 - 2015-05-19 15:20:21

あなたにオススメの質問