Railsからはじめるプログラミング日記

駆け出しプログラマー(主にRuby on Rails)の業務で役立ったコードをメモしていくブログです。自分だけでなく誰かの役に立てれば本望です。

jQuery

【jQuery】ホバーで動くドロップダウンメニューを実装

ちょっと大きなホームページを作ると、グローバルメニューに下層メニューを置きたくなりますよね。 jQueryを使えば簡単にドロップダウンメニューを実装できます。 【html】 <nav> <ul class="dropdown"> <li><a href="./index.html" title="HOME">HOME</a></li> <li class="hover"> <a href="./about/about.html">大メニュー1</a> <ul class="dropmenu cf"> <li><a href="./about/about.html">下層1-1</a></li>…</ul></li></ul></nav>

【jQuery】同一ページ内の複数タブ機能を実装

HTMLをいじってるとタブを実装したい場面はよく出てきますよね、トップページのお知らせとか。 ページ内にタブ1つだと実装はかんたんなのですが、複数あると全てのタブの動きが連動しちゃうとか、1つはうまくいっているのにもう一方は表示されなくなったとか…

【jQuery】リストから1行を削除する

確認画面でのテーブル表示とかでよくやるやつ。 氏名 メールアドレス 申し込み内容 取消 テスト太郎 test@gmail.com 焼き肉 取消 テスト次郎 test2@gmail.com すき焼き 取消 こんな感じのテーブルがあったとき、「取消」をクリックでその1行(tr)を消す方法…

【Android】Androidでjqueryが動かない時の対処法

railsで作ったwebアプリをwebViewを使ってネイティブアプリにしているときに遭遇。 onclickでモーダルを閉じる処理をjqueryで入れている箇所で、onclickが効かずにモーダル閉じれない問題がAndroidのみで起こった。 アプリの中はこんな感じでwebView読み出し…

【jQuery】ラジオボタンのfalseにチェック入っていたら日付選択をさせないようにしたい

業務で特定の操作の締め切り期限機能を作る機会がありました。 締め切り設定は使う・使わないを選択でき、使う場合は締切日をselectで選択、使わない場合はselectをdisabledにするという処理です。 実装 railsアプリなのでjQueryは既に読み込んでいます。 ま…