ページを移動（離脱）するときにjQueryで警告を出す方法
Facebookなどでフォーム入力中にページを移動（離脱）しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。 １．ページを移動するときに警告を出す ページを移動するときに警告を出すには、onイベントにbeforeunloadイベントを設定します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿が完了していません。このまま移動しますか？'; }); }); </script> <form method="post" acti
WordPressのページナビゲーションをPC版とスマホ版で最適化したい *Ateitexe
昨日、WordPressプラグインWP-PageNaviをスマホで押しやすいレイアウトにという記事を書いたばかりなのですが、良いカタチを目指してもうちょっとテコ入れ…。 前後ページへのリンクを分かりやすく 前のページ・次のページへのリンク、当初は「«」「»」で表していたんですが、これって、どうなの…？という気持ちがむくむくと…。やっぱりちゃんと文字で書いたほうがいいんじゃないのかな、と感じました。 WP-PageNaviだと一番外に実装できない 「前のページ」「…」「3」「4」「5」「6」「7」「…」「次のページ」みたいな形の方が分かりやすいんじゃないかなと思うんですが、今のままだと実装できないので、プラグインなしでやってみることにしました。 スマホ版は、そんなにたくさんいらないんじゃ…？ 「最初」「前のページ」「現在」「次のページ」「最後」くらいが好き、というお話をtwitterで伺って
jQueryでENTERキーによるSubmitを防止する - xykの日記
formタグ内にsubmitタグがある場合、テキストボックス内でEnterキーを押すとsubmitされてしまう。 <form id="register_form" method="post" action="/register"> <input type="text" name="username" /> <input type="text" name="age" /> <input type="submit" value="保存" /> </form> submitされないようにjQueryで以下のように対応。 jquery-1.4.2.js $(document).ready(function() { $("#register_form").keypress(function(ev) { if ((ev.which && ev.which === 13) || (ev.keyCode
[CSS]CSS3のMedia Queries（メディアクエリ）の使い方と実装例
CSS3 Media Queries 下記は各ポイントを意訳したものです。 はじめに CSS2のMedia typesではscreen, printなどのように特定のメディア用のスタイルシートを設定することができました。CSS3ではクエリを加えることで、さらに効率的にスタイルシートを使用できます。 Media Queriesはユーザーの状態を調べ、それにあった特定のスタイルシートを適用することができます。例えば、大きいディスプレイ用と小さいモバイル用にそれぞれ異なるスタイルシートを指定することができます。 Media Queriesの使い方 まずは、デモページをみてください。 ブラウザのサイズを変更すると、スタイルが変更されます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5, CSS3, JS Demos, Creations and Experiments | CSSDeck
