タグ

jQueryとjavascriptに関するnonsectのブックマーク (5)

  • フォームの内容を自動保存するjQueryプラグイン - [Mi]みたいなもの

    ブラウザがクラッシュしたり、うっかりリロードしたり。 たくさんの時間をかけて入力したフォームの内容をあっという間に飛ばしてしまった経験は誰しもあると思います。 私はそういう事故が怖いので、長文の場合は自動保存機能のあるエディタやメーラー上で入力するようにしています。しかし、ユーザーの方にそれを望むのは無理というものですよね。 最近のCMSは大抵自動保存する仕組みがついています。そこまで格的なものでなくてもいいから、簡単に導入できる、負荷の少ないフォームの自動保存機能、欲しくありませんか? こんなご希望にぴったりのjQuery autosave plug-inをご紹介します。 機能の特徴 1.フォームに入力した内容をcookieに保存します(軽い) 2.formタグにあれこれ追記する必要はありません(簡単) 3.保存秒数等、細かい設定も可能です 4.さすがにリビジョンを指定して復元したりす

    フォームの内容を自動保存するjQueryプラグイン - [Mi]みたいなもの
  • history.back();問題を解決してみる at softelメモ

    history.back()はブラウザの履歴を利用して1つ前のページに戻る機能です。これによりどのページから来た訪問者でも個々のユーザーに合わせたページへ戻ることができます。 この機能、多くのところでは以下のように書かれており、ブラウザからアドレスを入力して開いた場合は機能しません。 <a href="javascript:history.back();">一つ前のページへ戻る</a> 戻るリンクはそのサイトのトップなり1つ上のカテゴリページへ戻ることを意識してリンクをクリックしますので、動かなかったり、検索エンジンへ戻ったりするとユーザーはそのままサイトから離脱している可能性が高いです。 そこで対策を考えてみます。直接来た場合はトップページへ返すことを考えます。 まず、history.lengthで考えてみます。これは戻す、進むで使う履歴がいくつあるか取ることができます。ですので、直接開

    history.back();問題を解決してみる at softelメモ
  • jQueryのAjaxを使用して外部htmlを読み込む

    Posted: 2011.04.04 / Category: javascript / Tag: Ajax, jQuery Ajaxとは画面遷移なしで、データを取得したり表示したりできるあれです。最近のWebアプリケーションでは必須な技術らしいです。 知識としては知っていたものの実際使ったことがなかったので、かなり今更感が高いですが挑戦してみます。 Ajaxはサーバー側のプログラムの方が重要な気がしますが、ここでは静的なhtmlファイルを使用します。 まずは読み込まれる側のhtmlファイルを作成します。 load.html <li>読み込めたかな?</li> 読み込まれる側は「li」だけです。「load.html」という名前で保存します。 次は読み込む側です。 index.html <ul id="sample01"></ul> <p><a href="#" id="button01">ボ

    jQueryのAjaxを使用して外部htmlを読み込む
    nonsect
    nonsect 2014/01/23
    PHPでHTMLを生成してロードとかにも使えます。
  • ポーキーブログ

    インドの空港でデータ通信で、ネットに接続できたのに、空港を離れた後、データ通信ができなくなった時の対処方法 2024年1月にインド南部の大都市チェンナイを訪れました。チェンナイを旅行された先人のブログなどを見る限り、チェンナイ国際空港では SIM Card を販売していないようです。実際に、チェンナイ国際空港に降り立って探しましたが、SIMを販売...

    ポーキーブログ
  • 【JavaScript】ドラッグ&ドロップで画像を非同期アップロードできるライブラリ dropzone.js の デフォルトCSS を有効にしたままカスタマイズする - pospomeのプログラミング日記

    【追記 2013/10/24】 サンプルをアップしました。 https://github.com/pospome/DropzoneJsSample 【追記 2013/09/13】 CSSの設定を追記しました。 基的な使い方を書きました。 http://d.hatena.ne.jp/pospome/20130913/1379050713 dropzone.jsはAjaxを利用した非同期ファイルアップロードライブラリ。 http://www.dropzonejs.com デモを見るとかなりいい感じ。 アップロード中のプログレスバー表示などデザインもちゃんとしている。 jQueryに依存しないというのも環境によっては嬉しい。 ただ、dropzone.jsのデフォルトデザインを活かしたまま、ちょっと手を加えようとすると ハマってしまったのでメモ。 以下はdropzone.jsのデフォルトデザイン

    【JavaScript】ドラッグ&ドロップで画像を非同期アップロードできるライブラリ dropzone.js の デフォルトCSS を有効にしたままカスタマイズする - pospomeのプログラミング日記
  • 1