ページ 11

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

投稿記事Posted: 2016年12月09日(金) 16:10
by mit
いつも便利に使わせていただいています。

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

ご指南いただければ幸いです。
よろしくお願いします。

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

投稿記事Posted: 2016年12月09日(金) 16:44
by inunosinsi
jQueryのbeforeunloadを使用したことがないのでわかりませんが、

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

このファイルあたりですかね?

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

投稿記事Posted: 2016年12月12日(月) 17:00
by mit
>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>

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

投稿記事Posted: 2016年12月12日(月) 17:05
by mit
>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>

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

投稿記事Posted: 2016年12月13日(火) 05:39
by inunosinsi
対応出来て良かったです。
今回は即席の箇所でしたが、記述箇所を吟味して取り込みたいと思います。

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

投稿記事Posted: 2016年12月16日(金) 05:06
by inunosinsi
今回の内容をプラグイン形式にしてみました。

詳しくは下記の記事をご覧ください。
SOY CMSで記事編集中にブラウザを閉じる際にアラートを出す - saitodev.co