実装概要 hoverさせた項目メニューをクリックした時にフォームに文字を挿入することをやってみます。 zipダウンロード サンプル 実装にあたっては、まずjQueryを読み込ませておく必要があります。 手順としては、まず … “hoverさせた項目より、クリックでフォームに文字を挿入する” の続きを読む

実装概要 今回の実装は、ajaxを使って、ファイルを選択した時点で非同期でアップロードするというものです。これにより、submitせずに、即時にアップロードすることができます。用途としては、適材適所です。他のテキストデー … “ファイルをajaxで非同期アップロードする” の続きを読む

実装概要 過去3回にわたって、追加ボタンで画像フォームを増やしていく実装をやってきました。過去3回では、画像を選択した時点でアップロードする前にプレビューを表示する実装を実際にコードを書いて実現していました。今回は、その … “追加ボタンで画像フォームを増やしていく(uploadThumbs.jsの利用編)” の続きを読む

実装概要 今回は、前回の追加ボタンで画像フォームを増やしていく(データベース挿入・表示)の続編です。前回は、フォームからのテキストデータと画像名をデータベースに登録し、フォルダを作り、そこに画像をアップロードしました。そ … “追加ボタンで画像フォームを増やしていく(編集画面・更新処理)” の続きを読む

実装概要 前回、追加ボタンでフォームを増やしていく(表の処理)の3つ目に紹介した、画像を選択するとアップロード前にプレビューが表示される実装の続きになります。前回は、動的にフォームを追加していくという実装をやりましたが、 … “追加ボタンで画像フォームを増やしていく(データベース挿入・表示)” の続きを読む

実装概要 動的にフォームを追加していくという実装を紹介ます。今回は、表側の実装だけにとどまります。今回は、3つの例を作ってみました。一つ目はテキストフォームを2つ追加するもの。2つ目は、テキストフォームと画像選択フォーム … “追加ボタンでフォームを増やしていく(表の処理)” の続きを読む

実装概要 データの一覧を表示しますが、一般的なものは、例えば、1ページ目に、20件を表示して、ページの下部に、1・2・3・4…　[最後]　　のように、次の20件ごとの番号にリンクしています。今回は、このような形式ではなく … “jQuery ajax ボタンを押すとごとに次のデータ数件を表示する” の続きを読む

実装概要 前回の、Circlifulプラグインを利用して、ボタンを押して進捗度をリアルタイムで表示するというものを作りましたが、前回の場合(サンプル② ボタンを押して進捗度を表示する)は、データーベースに書き込んでいない … “jQurey Circliful[後編] 進捗度管理 ajax × MySQL” の続きを読む

jQueryプラグイン Circliful概要 このCirclifulプラグインは、円グラフ出力することができます。特に、いくつかのオプションを設定することでグラフィカルなグラフ円グラフをsvgで出力できます。ただ単に、 … “jQurey Circliful[前編] プラグイン 円グラフの出力” の続きを読む

実装概要 468×60サイズの広告バナーを設定した秒間隔で、動かすようにします。 おそらく利用するときは、バナーサイズは、各サイズにカスタマイズして利用することになります。 メモとして残しておきます。 zipダウンロード … “468×60サイズの広告バナーのスライダー” の続きを読む

北海道のSTUDIO KEYさんがMITライセンスで配布しているWYSIWYGエディターを利用してみました。基本機能は付いているのでかなり実装の時間を短縮できます。今回は、独自のMVCフレームワークの中に、コードを分割し … “WYSIWYGエディター 削除機能追加” の続きを読む

jQueryのプラグインで、バリテーション時に便利なプラグインを見つけました。 使い方は、公式サイトValidationEngineに記載されています。 特に、今回は、パスワードの確認フォームの値の一致時に、バリテーショ … “フォームのバリテーションをjQueryプラグイン「ValidationEngine」” の続きを読む

jQueryを利用したタイピングアニメーションを表現できるTyped.jsです。 Github(https://github.com/mattboldt/typed.js/)で発見しました。特に、機能的というよりも、デザ … “タイピングアニメーションを表現できるTyped.js” の続きを読む