FC2ブログ

HTML5 でメモ帳作成 その4

HTML5 でメモ帳作成 その4

自動保存はできたので、今度は保存していることを
わかりやすくするため
保存時にメッセージを表示


#07 自動保存時にメッセージを出す
http://dotinstall.com/lessons/memo_html5/2307


まずは、表示する領域を設定
今回はp 要素に id="message" としている
また、最初に非表示にしたいので
display:none というスタイルを適用
<p id="message" style="display:none;">saving ....</p>

あとは、保存した時に表示するように
java script で制御

ユーザ関数 autoSave() に追記する
$('#message').show().hide(200);
これは
id="message" のところを表示にして
その後 0.2秒たってから
隠すというもの
show() は表示
hide() は隠すという意味

200 は 0.2 秒単位という意味になる

実行すると、02秒ごとに
saving .... とずっと繰り返し表示される
スポンサーサイト



テーマ : プログラミング
ジャンル : コンピュータ

コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック