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>
HTMLをいじってるとタブを実装したい場面はよく出てきますよね、トップページのお知らせとか。 ページ内にタブ1つだと実装はかんたんなのですが、複数あると全てのタブの動きが連動しちゃうとか、1つはうまくいっているのにもう一方は表示されなくなったとか…
確認画面でのテーブル表示とかでよくやるやつ。 氏名 メールアドレス 申し込み内容 取消 テスト太郎 test@gmail.com 焼き肉 取消 テスト次郎 test2@gmail.com すき焼き 取消 こんな感じのテーブルがあったとき、「取消」をクリックでその1行(tr)を消す方法…
railsで作ったwebアプリをwebViewを使ってネイティブアプリにしているときに遭遇。 onclickでモーダルを閉じる処理をjqueryで入れている箇所で、onclickが効かずにモーダル閉じれない問題がAndroidのみで起こった。 アプリの中はこんな感じでwebView読み出し…
業務で特定の操作の締め切り期限機能を作る機会がありました。 締め切り設定は使う・使わないを選択でき、使う場合は締切日をselectで選択、使わない場合はselectをdisabledにするという処理です。 実装 railsアプリなのでjQueryは既に読み込んでいます。 ま…