jQuery 【jQuery】pdfが存在するか、mimeタイプのバリデーションする
jQueryで、pdfのアップロード時にファイルが選択されているか、正しいpdfファイルかのバリデーションをチェックします。jQuery関連記事HTMLのform構造HTMLまずは、formの構造を確認していきます。 ほかに名前とかいろいろ...
jQuery
jQuery 
jQuery jQuery UIのsortableを使ってリストをドラッグで並び替える
jQuery UIのsortableを使って、リストをドラッグで並び替えをし、並び順を書き換えてからSQLで送信します。js関連記事sortableのサンプルsortableで並べ替えができるリストの作成HTMLjQueryを読み込んでから...
jQuery jQueryのモーダルウィンドウを使ってフォームの確認画面を実装する
jQueryのモーダルウィンドウを使って、フォーム送信前の確認画面を実装します。js関連記事モーダルウィンドウとは？通常の画面の上に、画面全体を覆って表示されるウィンドウのことです。今回は、フォームの確認ボタンを押したら、入力内容を確認させ...
jQuery HTMLのsvgタグとJavaScriptで円グラフの画像をつくる
HTMLのsvgタグとJavaScriptをつかって、svgタグ内に円グラフの画像を作成してみます。php/DBと連動することで、パーセンテージを変更できて円グラフも自動で変更が反映されるようにします。js関連記事svgタグとは？サイト上で...
jQuery HTMLのcanvasタグとJavaScriptで円グラフの画像をつくる
HTMLのcanvasタグとJavaScriptをつかって、canvasタグ内に円グラフの画像を作成してみます。php/DBと連動することで、パーセンテージを変更できて円グラフも自動で変更が反映されるようにします。jQuery関連記事can...
jQuery 正規表現でエスケープが必要な文字まとめ
正規表現では、特殊文字をパターンとして使いたい場合に、バックスラッシュ（\）を使ってエスケープが必要です。よく忘れるので正規表現でエスケープが必要な文字をまとめました。jQuery関連記事正規表現でエスケープが必要な文字正規表現で「メタ文字...
jQuery bxSliderをカルーセルやコンテンツスライダーなど便利なサンプル5種
レスポンシブ対応の便利なjQueryプラグイン「jquery.bxslider.js」のbxSliderをカルーセルや、コンテンツスライダーなど、デザインサンプル5種を作りました。bxSliderの基本的な使い方は下記からどうぞ！jQuer...
jQuery bxSliderの使い方と、オプションでのカスタマイズ方法
超簡単に設置できるjQueryの画像・スライダープラグイン「jquery.bxslider.js」の使い方と、オプションでのカスタマイズをまとめています。jQuery関連記事bxSliderは、オプションでカルーセルやレスポンシブ対応にでき...
jQuery select・optionタグをjQueryで、プルダウンの選択値を取得、変更する
selectタグと、optionタグ(プルダウン)をcssとjQueryでカスタマイズしていきます。cssで見た目を、jQueryで選択されている値の変更・取得などまとめました。jQuery関連記事select要素とは？「select要素」...
jQuery jQueryでinput[type=”file”]で画像アップロード時にプレビューを表示する
inputで画像アップロードするときに、jQueryで選択された画像をプレビューで表示するやり方です。画像選択画面で「キャンセル」を押された場合にも、添付されているか確認してプレビューのオンオフ処理する方法。 また、ファイル選択必須・ファイ...