モーダルウィンドウを開きながら、親サイトのコンテンツをクリックできるようにする方法について

Question

###前提・実現したいこと
初めまして。趣味でホームページを作っています。ポップアップウィンドウについて質問があります。僕のサイトではcolorbox というJquery プラグインを使って、音楽を再生しているのですが、モーダルを開くとそのモーダルを閉じないと親ページをクリックできないので、それを解消したいんですけど（モーダルを閉じなくても親ページをクリックできるようにしたい。）、何か良いアイデアはありますでしょうか？ そもそも可能でしょうか？

もし、ここに適していない質問でしたら、申し訳ありません。

###発生している問題・エラーメッセージ

エラーメッセージ

###該当のソースコード

ここにご自身が実行したソースコードを書いてください

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

Answer 1

モーダルで親をいじるというのは矛盾しています
おそらくやろうとしているのはモードレスです。
で、一昔前のモーダルならともかくいまやブラウザ側がネイティブに
モーダルウィンドウをだすことはないでしょうから
疑似モーダルに置いているだけで、背後にある親は必ずしもモーダルな状態ではありません。
ライブラリなど親を制限している箇所をはずせばモードレスの挙動になると思います

Comments

[Mogwai]

回答ありがとうございます。僕の’やりたいこと’を理解し訂正してくれてありがとうございました。

Answer 2

ポップアップウィンドウとは、現在のページに窓のように開いてマウスでドラッグできるものを意味します。
モーダルとは、そのウィンドウ以外はクリックできないことを意味します。
モーダルの対義語はモードレスです。

一般にポップアップとモーダルはセットで使われることが多いので、colorbox では調べてみたけど、モードレスモードはなさそうです。

jQueryで行くなら「jQuery ポップアップ モードレス」でWEB検索すればサンプルが見つかると思いますよ。

jQueryに拘らなければ「WEB ポップアップ モードレス」とかでWEB検索するとか。

Comments

[Mogwai]

回答ありがとうございます。「モードレス」というのがあるのですね、初めて知りました。’やりたいこと’を理解し訂正し、正しいベクトルへ導いてくれてありがとうございます。早速、調べてみます！

Answer 3

モーダルを開くとそのモーダルを閉じないと親ページをクリックできないので、

モーダルの意味を理解してないようです。

alert とか confirm と同様、「閉じないと親ページをクリックできない」のをモーダルと言うのです。それが開いているときに親ページをクリックできたらモーダルとは言いません。

Comments

[Mogwai]

回答ありがとうございます。モーダルについてはぼんやりと「そうなんだろうなー」と思ってたんですが、そうなんですね。では、質問を変えましょう。私の”やりたいこと”は「モーダルウィンドウ」の延長線上ではなく、別のところにある感じですか？

[退会済みユーザー]

ググればわかることですから、理解があいまいでしたらきちんと調べてから質問するようお願いします。

> 別のところにある感じですか？

そう言われても、あなたの「感じ」は分からないのですが・・・　だた、モーダルでない別ウィンドウを開く手段は多々あるので、それがやりたいことであればそちらの方向で検討してみてはいかが？　ユーザーに親子ウィンドウの両方を同時に操作されて困ることがなければですが。