離脱防止用ポップアップの作り方( javascript )
離脱防止用のポップアップを調べてみたところ 戻るボタンをフックした実装が主流みたいでした ポップアップ自体は以前の記事 javascriptとCSSとHTMLでのポップアップの実装 を使用しました。
離脱防止用のポップアップを調べてみたところ 戻るボタンをフックした実装が主流みたいでした ポップアップ自体は以前の記事 javascriptとCSSとHTMLでのポップアップの実装 を使用しました。
それなりに自由度の高いポップアップになったと思います。 動作サンプル ポップアップを開く ポップアップだよ! 画像を載せたりしてみるよ。 閉じる js
1 2 3 4 5 6 7 8 9 10 |
function popupImage() { var popups = document.getElementById('js-popup'); popups.classList.toggle('is-show'); document.getElementById('js-close-area').onclick = function() { popups.classList.remove('is-show'); }; document.getElementById('js-black-bg').onclick = function() { popups.classList.remove('is-show'); }; } |
HTMLのFORMを利用してPOSTし、XMLHttpRequest (XHR)を介してPHPで受け取る処理をしてみました。 今回は架空のユーザー登録情報をPOSTしてみたいと思います。 まずは送信元のFORMはこんな感 … “XMLHttpRequest (XHR)とPHPでFORMからデータを送ってみた”の続きを読む