JavaScriptでページ移動前にアラートを表示する - EZOLAB - エゾラボ
キーボードの誤入力によりWebページが予期せず移動してしまう問題 ハロー、みなさん。エジソンです。 大抵のブログサービスにおける管理機能は、Webブラウザからアクセスする”Webアプリケーション”として提供されているはずです。ブログ記事の投稿もWebブラウザから実行することでしょう。そんな中、ブログ記事を書いている最中に、誤ってブラウザの戻るボタンを押下することで、編集中の記事が保存されずに消失してしまう事は、誰もが一度は経験することではないでしょうか。 ブログサービスだけではなく、Webアプリケーションとして提供されている全てのサービスの場合に、こういった編集中の内容が失われてしまうような、問題が起きやすいのではないかと思います。 ネイティブアプリ市場ではユーザーが成熟している？ 一方で、ネイティブアプリの場合にはこうした事故は発生しにくいかと思います。メモ帳やOffice製品の場合には
ページ内の見出しに合わせて目次を自動生成する
Result 簡易的なものなので汎用性は高くは無いかも。 jQuery(function($) { $.fn.toc = function(o, p) { p = $.extend({ title: "タイトル" }, p); //見出しを入れるボックスを生成 this.prepend('<div id="toc-list"><strong>' + p.title + '</strong><ol></ol></div>').children(o).each(function(i) { i = i + 1; //IDを合わせて見出しへのページ内リンクと目次へのページ内リンクを生成 $(this).attr('id', 'section-' + i).nextUntil(o).after('<a href="#toc-list">Topへ ⇑</a>'); $('<li><a hre
[JS]自動でページ内の見出し要素を抽出しアンカーを生成するスクリプト -AutoAnchors
指定した範囲内から特定のエレメント（h2要素など）を自動的に抽出し、ページ内アンカーの一覧を自動で生成するjQueryのプラグインを紹介します。 AutoAnchors デモ [ad#ad-2] デモでは、div要素内にh3要素を三つ配置しており、コンテンツの右側に各見出しのページ内アンカーのナビゲーションを自動で生成しています。 AutoAnchorsの実装 HTML HTMLはシンプルで、各見出しとパラグラフをdiv要素で内包するだけです。 各見出しにidなどを設定する必要はありません。 <div class="content demo"> <h3>見出し</h3> <p>パラグラフ</p> <h3>見出し</h3> <p>パラグラフ</p> <h3>見出し</h3> <p>パラグラフ</p> </div> JavaScript 「jquery.js」と当スクリプトを外部ファイルとし、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
