🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

603閲覧

Nifty Modal Window Effectsでモーダル開閉前に制御を行う

lyzmfeqpxs54

総合スコア237

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2019/12/05 13:17

いつもお世話になっております。

Webサイトを作成しており、モーダル開閉用のスクリプトである「Nifty Modal Window Effects」を使用しております。
ボタンクリックでモーダルは開閉している状態です。

この状態で、開閉する前にajaxで通信を行い、結果次第でモーダルの開閉を制御したいと考えております。
こういったことは可能でしょうか。

参考になるサイトでも構いませんのでご教示いただけますと幸いです。
よろしくお願いいたします。

javascript

1 2var ModalEffects = (function() { 3 function init() { 4 var overlay = document.querySelector('.md-overlay'); 5 [].slice.call(document.querySelectorAll('.md-trigger')).forEach(function(el,i){ 6 var modal = document.querySelector('#' + el.getAttribute('data-modal')), 7 close = modal.querySelector('.md-close'); 8 9 function removeModal( hasPerspective ) { 10 classie.remove( modal, 'md-show' ); 11 if( hasPerspective ) { 12 classie.remove( document.documentElement, 'md-perspective' ); 13 } 14 } 15 16 function removeModalHandler() { 17 removeModal( classie.has( el, 'md-setperspective' ) ); 18 } 19 20 el.addEventListener( 'click', function( ev ) { 21 classie.add( modal, 'md-show' ); 22 overlay.removeEventListener( 'click', removeModalHandler ); 23 overlay.addEventListener( 'click', removeModalHandler ); 24 if( classie.has( el, 'md-setperspective' ) ) { 25 setTimeout( function() { 26 classie.add( document.documentElement, 'md-perspective' ); 27 }, 25 ); 28 } 29 }); 30 31 close.addEventListener( 'click', function( ev ) { 32 ev.stopPropagation(); 33 removeModalHandler(); 34 }); 35 } ); 36 } 37 init(); 38})(); 39

調べ方が悪いとは思うのですが、ググっても分からずこちらに質問させていただきました。
参考になるサイトでも構いませんので、適切な方法をご教示いただけますと幸いです。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

時間が経ってしまったので一度クローズさせていただきます。

投稿2020/04/21 02:07

lyzmfeqpxs54

総合スコア237

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問