javascript – Hello World !

離脱防止用ポップアップの作り方( javascript )

2022年4月11日 shinobit

離脱防止用のポップアップを調べてみたところ戻るボタンをフックした実装が主流みたいでしたポップアップ自体は以前の記事 javascriptとCSSとHTMLでのポップアップの実装を使用しました。

javascriptとCSSとHTMLでのポップアップの実装

2020年8月26日2020年9月3日 shinobit

それなりに自由度の高いポップアップになったと思います。動作サンプルポップアップを開くポップアップだよ！画像を載せたりしてみるよ。閉じる js

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');
	};
}

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');

};

}

C … “javascriptとCSSとHTMLでのポップアップの実装”の続きを読む

XMLHttpRequest (XHR)とPHPでFORMからデータを送ってみた

2020年8月24日2020年8月24日 shinobit

HTMLのFORMを利用してPOSTし、XMLHttpRequest (XHR)を介してPHPで受け取る処理をしてみました。今回は架空のユーザー登録情報をPOSTしてみたいと思います。まずは送信元のFORMはこんな感 … “XMLHttpRequest (XHR)とPHPでFORMからデータを送ってみた”の続きを読む