html

jQuery

【jQuery】フォームに入力されているか確認して入力がない時にアラートを出す

html5ならrequireで必須にしちゃえばいいと思うけどXHTMLのサイトで使ったjQueryフォームに入力されているか確認して入力がない時にアラートを出す方法jQuery関連記事入力をチェックしてアラートを出すhtmlJavaScri...
jQuery

checkboxは不要!リストの中から項目を複数選択してformで送信する方法

input type="checkbox"を使わずにリストの中から項目を複数選択して選択されたものだけformで送信する方法DEMOphp関連記事formのhtmlhtmlinput type="checkbox"って送信データみるのがめん...
jQuery

【jQuery】1つのform内で複数のボタンで送信先を切り替える

jQueryで1つのform内で複数の送信ボタンを設置して、ボタンごとにsubmitでの遷移先を切り替える方法jQueryで送信先を切り替えるサンプルformのhtmlhtmlform内にbuttonを複数設置しています。formのacti...
jQuery

スクロールしてもコンテンツの範囲内を固定されて追従するサイドメニューの作り方【jQuery】

jQueryで、スクロールしてもコンテンツの範囲内を固定されて、範囲を超えたらその位置で待ってる忠犬のような追従するサイドメニューの作り方デモはこちらナビゲーションメニュー関連記事2カラムのhtmlhtml2カラムを作成し、#leftがスク...
jQuery

height()で取得できない!marginやpaddingを含めた高さを取得する【jQuery】

jQueryのheight()だと実はmarginやpaddingやborderを含めた高さが取得できないってことに気づいた話jQuery関連記事height()で取得する値cssこの要素の場合、height()で取得する値は「50」になる...
jQuery

スマホでスクロールできちゃう!横からスライドして出てくるドロワーメニューのサンプル【jQuery】

jQueryとcssで、スマホでスクロールできちゃう横からスライドして出てくるドロワーメニューのサンプルを自作してみました。ナビゲーションメニュー関連記事ドロワーメニューの作り方ブラウザで見える範囲の外にメニューを隠しておいて、ボタンを押し...
css

jQueryとcssでハンバーガーメニューの開閉ボタンをアニメーション付きで変化させる

cssでシュッと動かす動きをつけて、jQueryで開閉させるとハンバーガーメニュー(アコーディオンメニュー)の開閉ボタンをアニメーション付きで変化させる方法ナビゲーションメニュー関連記事htmlとjshtmljsコードは【jquery】クリ...
jQuery

jQuery UIのdraggableで要素をドラッグアンドドロップで移動させてみる

枠代わりの要素をドラッグアンドドロップで移動させて直感的に範囲で画像のトリミングできるようなものを作りたかったので、jQuery UIのdraggableを使ってみた。デモの解説なので並べてみるとわかりやすいかも。はじめにhtmljQuer...
jQuery

【jQuery】overflow:scrollを適用したスクロールできる要素の高さを取得する方法

overflow: scrollを適用した要素の高さと、親要素の高さをjQueryで取得する。jQuery関連記事height()で要素の高さを取得JavaScriptheight()で、要素の高さを取得できます。$(セレクタ).scrol...
jQuery

画像が読み込めないときにjQueryで違う画像を読みに行く方法

メイクショップで画像パスの仕様変更があり、旧仕様と新仕様が混在してしまって1パターンな方法ではうまくいかないときの対処法はじめにhtmlデフォルトのimgタグが旧仕様のパスです。この画像が読み込めないときに新仕様のパスで取りに行きます。画像...