記事作成画面でブラウザを閉じる時、アラートを表示させたい

インストール後の運用中に生じた質問などはこちら。
管理画面の操作方法でわからないところやTipsなども

記事作成画面でブラウザを閉じる時、アラートを表示させたい

投稿記事by mit on 2016年12月09日(金) 16:10

いつも便利に使わせていただいています。

表題の通りなのですが、クライアント様からブラウザで色んな画面を開いていてうっかり入力中のものを閉じてしまう事があるので、「本当に閉じますか?」のようなアラートを出して欲しいと言われました。
jQueryのbeforeunloadで対応できるのではと思ったのですが、soycmsのどのファイルに記述すれば良いのか分かりません。

ご指南いただければ幸いです。
よろしくお願いします。
mit
 
記事: 5
登録日時: 2016年2月10日(水) 18:00

Re: 記事作成画面でブラウザを閉じる時、アラートを表示させたい

投稿記事by inunosinsi on 2016年12月09日(金) 16:44

jQueryのbeforeunloadを使用したことがないのでわかりませんが、

入れるとするなら、
/soycms/webapp/pages/_common/FooterPage.html

このファイルあたりですかね?
大阪でフリーのプログラマをしています。
以前はSOY CMSの開発元で働いていました。

SOY ShopのプラグインやSOY Appの開発のサポートをしています。
http://saitodev.co/soycms(SOY CMSのマニュアルを作成しています)
開発実績等

最近はSOY Shopを業務アプリとして使用できないか?と模索しています。
SOY Shopで管理画面のみ使用モードを追加しました - saitodev.co

株式会社京都農販(SOY Shopのサイト)
株式会社コトブキ園(SOY Shop)
inunosinsi
 
記事: 1048
登録日時: 2008年6月12日(木) 20:48

Re: 記事作成画面でブラウザを閉じる時、アラートを表示させたい

投稿記事by mit on 2016年12月12日(月) 17:00

>inunosinsi 様

ありがとうございます!
input#titleがアクティブになった場合のみ、画面遷移時に確認アラートが出る様にできました。
今後ともよろしくお願いいたします。


<script>
var flg = 0;
$(document).ready(function(){
$(window).on("beforeunload",function(e){
if(flg) return "Do you want to move this page ?";
});

$("input#title").on("blur",function(e){
if($(this).val()){
flg = 1;
}
});

$("input#update_button").click(function(e) {
if($(this).val()){
flg = 0;
}
});
});
</script>
mit
 
記事: 5
登録日時: 2016年2月10日(水) 18:00

Re: 記事作成画面でブラウザを閉じる時、アラートを表示させたい

投稿記事by mit on 2016年12月12日(月) 17:05

>inunosinsi 様

ありがとうございます!
input#titleがアクティブになった場合のみ、画面遷移時に確認アラートが出る様にできました。
(submitでは出ません)
今後ともよろしくお願いいたします。


<script>
var flg = 0;
$(document).ready(function(){
$(window).on("beforeunload",function(e){
if(flg) return "Do you want to move this page ?";
});

$("input#title").on("blur",function(e){
if($(this).val()){
flg = 1;
}
});

$("input#update_button").click(function(e) {
if($(this).val()){
flg = 0;
}
});
});
</script>
mit
 
記事: 5
登録日時: 2016年2月10日(水) 18:00

Re: 記事作成画面でブラウザを閉じる時、アラートを表示させたい

投稿記事by inunosinsi on 2016年12月13日(火) 05:39

対応出来て良かったです。
今回は即席の箇所でしたが、記述箇所を吟味して取り込みたいと思います。
大阪でフリーのプログラマをしています。
以前はSOY CMSの開発元で働いていました。

SOY ShopのプラグインやSOY Appの開発のサポートをしています。
http://saitodev.co/soycms(SOY CMSのマニュアルを作成しています)
開発実績等

最近はSOY Shopを業務アプリとして使用できないか?と模索しています。
SOY Shopで管理画面のみ使用モードを追加しました - saitodev.co

株式会社京都農販(SOY Shopのサイト)
株式会社コトブキ園(SOY Shop)
inunosinsi
 
記事: 1048
登録日時: 2008年6月12日(木) 20:48

Re: 記事作成画面でブラウザを閉じる時、アラートを表示させたい

投稿記事by inunosinsi on 2016年12月16日(金) 05:06

今回の内容をプラグイン形式にしてみました。

詳しくは下記の記事をご覧ください。
SOY CMSで記事編集中にブラウザを閉じる際にアラートを出す - saitodev.co
添付ファイル
alert_browser_close_0.1.zip
(2.03 KiB)
大阪でフリーのプログラマをしています。
以前はSOY CMSの開発元で働いていました。

SOY ShopのプラグインやSOY Appの開発のサポートをしています。
http://saitodev.co/soycms(SOY CMSのマニュアルを作成しています)
開発実績等

最近はSOY Shopを業務アプリとして使用できないか?と模索しています。
SOY Shopで管理画面のみ使用モードを追加しました - saitodev.co

株式会社京都農販(SOY Shopのサイト)
株式会社コトブキ園(SOY Shop)
inunosinsi
 
記事: 1048
登録日時: 2008年6月12日(木) 20:48


Return to 運用・操作方法

オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[5人]

cron