jQuery

jQuery

【jQuery】pdfが存在するか、mimeタイプのバリデーションする

jQueryで、pdfのアップロード時にファイルが選択されているか、正しいpdfファイルかのバリデーションをチェックします。 jQuery関連記事 HTMLのform構造 HTML まずは、f...
jQuery

jQuery UIのsortableを使ってリストをドラッグで並び替える

jQuery UIのsortableを使って、リストをドラッグで並び替えをし、並び順を書き換えてからSQLで送信します。 js関連記事 sortableのサンプル sortableで並べ替えがで...
jQuery

jQueryのモーダルウィンドウを使ってフォームの確認画面を実装する

jQueryのモーダルウィンドウを使って、フォーム送信前の確認画面を実装します。 js関連記事 モーダルウィンドウとは? 通常の画面の上に、画面全体を覆って表示されるウィンドウのことです。 今回は、フォー...
jQuery

HTMLのsvgタグとJavaScriptで円グラフの画像をつくる

HTMLのsvgタグとJavaScriptをつかって、svgタグ内に円グラフの画像を作成してみます。 php/DBと連動することで、パーセンテージを変更できて円グラフも自動で変更が反映されるようにします。 js関連記...
jQuery

HTMLのcanvasタグとJavaScriptで円グラフの画像をつくる

HTMLのcanvasタグとJavaScriptをつかって、canvasタグ内に円グラフの画像を作成してみます。 php/DBと連動することで、パーセンテージを変更できて円グラフも自動で変更が反映されるようにします。 ...
jQuery

正規表現でエスケープが必要な文字まとめ

正規表現では、特殊文字をパターンとして使いたい場合に、バックスラッシュ(\)を使ってエスケープが必要です。 よく忘れるので正規表現でエスケープが必要な文字をまとめました。 jQuery関連記事 正規表現...
jQuery

bxSliderをカルーセルやコンテンツスライダーなど便利なサンプル5種

レスポンシブ対応の便利なjQueryプラグイン「jquery.bxslider.js」のbxSliderをカルーセルや、コンテンツスライダーなど、デザインサンプル5種を作りました。 bxSliderの基本的な使い方は下...
jQuery

bxSliderの使い方と、オプションでのカスタマイズ方法

超簡単に設置できるjQueryの画像・スライダープラグイン「jquery.bxslider.js」の使い方と、オプションでのカスタマイズをまとめています。 jQuery関連記事 bxS...
jQuery

select・optionタグをjQueryで、プルダウンの選択値を取得、変更する

selectタグと、optionタグ(プルダウン)をcssとjQueryでカスタマイズしていきます。 cssで見た目を、jQueryで選択されている値の変更・取得などまとめました。 jQuery関連記事 s...
jQuery

jQueryでinput[type=”file”]で画像アップロード時にプレビューを表示する

inputで画像アップロードするときに、jQueryで選択された画像をプレビューで表示するやり方です。画像選択画面で「キャンセル」を押された場合にも、添付されているか確認してプレビューのオンオフ処理する方法。 また、フ...
タイトルとURLをコピーしました