[
自宅サーバーWebRing
┃
前
|ID=54
前後5表示
|
次
┃
乱移動
|
サイト一覧
]
このサイト内
書籍 DVD CD
Google(日本語)
Google(Web全体)
Google(イメージ)
Google(キャッシュ)
Yahoo! JAPAN
goo 英和
goo 和英
goo 国語
goo 新語
サイトマップ
リンク集
ダウンロード
フォーラム
Users Wiki
最新情報
TOP
»
UsersWiki
»
nao-pon
»
blog
» 2015-04-03 のバックアップソース(No.4)
|
一覧
検索
最新
ヘルプ
ページへ戻る
履歴
リンク元
印刷
[jQuery] Web ページのフォーム投稿時問題のあれこれを上手いことするやつ
のバックアップソース(No.4)
UsersWiki
:
nao-pon
/
blog
/
2015-04-03
のバックアップソース(No.4)
差分
を表示
現在との差分
を表示
nao-pon/blog/2015-04-03
へ行く。
« Prev
Next »
#navi RIGHT:&rsslink(../); #boxdate * [jQuery] Web ページのフォーム投稿時問題のあれこれを上手いことするやつ [#q82e9de6] RIGHT:&tag(プログラミング,jQuery,JavaScript); 長文の投稿を書いている時に、間違ってブラウザ閉じてしまったり、ページ移動してしまったり、送信したらサーバーとの接続が切れてしまった! &font(300%,Purple){OH MY GOD!}; 会心の出来だ!と喜んだのも束の間、奈落の底に突き落とされるような思いをすることが、たまにありますよね。 このような事態にみまわれると、投稿分の出来がよければよいほど、立ち直るのにしばらく時間が掛かってしまいます。 そんな、思いをしないため、させないために、ちょっとゴリゴリ jQuery で書いてみました。 &ref(Textarea復原ボタン.png,mw:480,mh:360,og); &ref(移動してもいい?.png,mw:240,right); テキストエリアに入力中にページ移動しようとしたりしてページが閉じられる前にブラウザが閉じていいのかを聞いてくれます。 さらに、万が一閉じてしまったり送信時にサーバーと接続できなかったりした時でも、次に開いた時にテキストエリアの下に「復元」ボタンが表示されるので、それをクリックすれば、ほらっ元通り! <script type="text/javascript" charset="utf-8" src="hyp_form_rescue.js"></script> などと、UTF-8 指定で <head> 内の jQuery を読み込んだ後に置くだけで OK です。 :ok: #code(hyp_form_rescue.js) ** 更新履歴 [#ec5a97ed] - 2015-04-03 初版 - 2015-04-04 Ajax 送信に対応 - 2015-05-11 ckeditor4 モジュール 0.61 以上との組み合わせで CKEditor での投稿フォームに対応 - 2015-05-11 onsubmit 属性が指定された <FORM> で submit がキャンセルされた場合にフォームボタンが一定時間押せなくなって困ってしまう :hammer: 問題を修正 - 2015-05-12 CKEditor で編集中でも定期的な自動保存に対応 RIGHT:&font(90%){&page_comments;}; #navi
« Prev
Next »
nao-pon/blog/2015-04-03 のバックアップ一覧
nao-pon/blog/2015-04-03 のバックアップソース(No. All)
1: 2015-04-03 (金) 21:03:10
nao-pon
With "attach" plugin. (Created empty), Deleted an attach file: hyp_form_rescue.js at 2015-04-03 (金) 21:14:50
2: 2015-04-03 (金) 21:18:48
nao-pon
Deleted an attach file: hyp_form_rescue.js at 2015-04-04 (土) 00:27:04 at 2015-05-11 (月) 20:46:38
3: 2015-05-11 (月) 23:33:45
nao-pon
ckeditor4 モジュール 0.61 以上との組み合わせで CKEditor での投稿フォームに対応!, Deleted an attach file: hyp_form_rescue.js at 2015-05-11 (月) 22:00:38 at 2015-05-11 (月) 23:30:39, onsubmit 属性が指定された <FORM> で submit がキャンセルされた場合にフォームボタンが一定時間押せなくなって困ってしまう問題を修正 at 2015-05-12 (火) 17:33:14
4: 2015-05-12 (火) 17:35:14
nao-pon
CKEditor で編集中でも定期的な自動保存に対応, Deleted an attach file: hyp_form_rescue.js at 2015-05-18 (月) 20:26:22
現: 2015-05-18 (月) 20:31:08
nao-pon
Ajax 通信時に不具合がでることがある問題を修正
ぺージ情報
ぺージ名 :
nao-pon/blog/2015-04-03
ページ別名 :
未設定
ページオーナー :
nao-pon
閲覧可
グループ :
すべての訪問者
ユーザー :
すべての訪問者
編集可
グループ :
なし
ユーザー :
ゲスト
Counter: 484, today: 1, yesterday: 0
メインメニュー
ホーム
価格比較 百貨
UsersWiki
新規ページ作成
最新ページ一覧
全ページ一覧
全コメント一覧
ヘルプ
» 関連ページ
» 記述を見る
» 変更点を見る
» バックアップ一覧
» 添付ファイル一覧
» リンク元一覧
xpwiki
お問い合わせ
ファイルマネージャー
ログイン
ユーザー名:
パスワード:
パスワード紛失
|
新規登録
最近の更新
最新の20件
2023-05-14
nao-pon
/
gmap + gmap_street + gmap_insertmarker
nao-pon
/
googlemaps2
2023-03-22
PublicBlog
/
The Importance of QFP in PCB
2023-02-28
FrontPage
/
PCB terminology you must know
2023-01-20
nao-pon
/
blog
/
ESP8266 を壊してしまいました しかも続けて2回も
2022-09-22
nao-pon
/
blog
/
ESP32 + ESPHome の Bluetooth Proxy で SwitchBot Mater
2022-08-26
nao-pon
/
blog
/
独自ビルドの Tasmota を 12.1.1 へ
2022-08-19
nao-pon
/
blog
/
Zigbee + ZHA のメモ書き
2022-01-17
nao-pon
/
blog
/
HomeAssistant 統合の Tasmota-IRHVAC に貢献
2021-08-03
nao-pon
/
ファイル置き場
/
スペースサワダ
2021-07-01
nao-pon
/
blog
/
HomeAssistant 統合の Tasmota-IRHVAC の不具合修正
2021-06-20
nao-pon
/
blog
/
Tasmota を 9.4.0 から 9.5.0 へアップデート
2021-06-15
nao-pon
/
blog
/
ミンティア[MINTIA] で WiFi 6ボタンスイッチを作った
2021-04-27
PublicBlog
2021-03-17
nao-pon
/
blog
/
SwitchBot 温湿度計を ESP32 でモニタリング
2021-03-13
nao-pon
/
blog
/
東芝エアコンのエントリーモデルもWiFi化
2021-02-23
risoulaser
2021-02-18
nao-pon
/
blog
/
Panasonic (ナショナル) エアコンの 2008 年モデルも WiFi 化
2021-02-15
nao-pon
/
blog
/
Tasmota で HA 端子(JEM-A) 連携
2021-02-07
nao-pon
/
blog
/
Tasmota で三菱エアコンを完全コントロール
オンライン状況
630 人のユーザが現在オンラインです。 (14 人のユーザが UsersWiki を参照しています。)
登録ユーザ: 0
ゲスト: 630
もっと...
サイト情報