jQuery
今後もよく使いそうなのでメモ。 photo credit: "Cowboy" Ben Alman via photopin cc 例えば下図のように、左のセレクトボックスで「その他」を選択したときのみ右のテキストボックスがabledとなるようにはどのように書けばよいか？ html <select name="sample" id="sample_select"> <option value="1">いち</option> <option value="2">に</option> <option value="3">さん</option> <option value="4">よん</option></select>
覚えておきたいのでメモ。 jQueryでDOM要素の削除方法は２通りある。 photo credit: Johannes_wl via photopin cc remove() そのDOM要素自体を削除する。 empty() そのDOM要素の子要素のみを削除する。 remove()の使用例と結果 html <body> <div id="sample"> <p>子</p> </div> </body> jQuery $("#sampl…
サマリー １．jQuery.BlockUIとは ２．使い方 ３．画面がready状態になる前に表示させたい場合 ４．使用してみた感想 photo credit: Arttu Ekholm via photopin cc １．jQuery.BlockUIとは Webアプリにおいて、時間のかかる処理中や重い画面を開くときなどに…
検索画面や一覧画面にはページネーションがあったほうが便利だが、数年前に一度自前でページネーションを実装した際に結構ゴチャゴチャと大変な思いをした記憶があったため、このところはページネーションはつけないことにしていた。 今回どうしてもつける必…
Webサイトの印刷機能をつくるのに最も手軽なjQueryプラグインjPrintAreaを使ってみたのでメモ。 photo credit: driek via photopin cc サマリー １．指定範囲を簡単に印刷するjQueryプラグインjPrintArea.jsとは ２．使ってみる ３．感想 １．指定範囲を簡単…
jQuery UIは、インタラクティブなWebサイトを開発するために使用されるjQueryベースのUIライブラリです。このため、多くのサイトで「簡単」「手軽」などというキャッチを用いて紹介されています。 ところが、どのファイルがどのような役割を持っているかを正…
入力前はテキストボックス内に説明文がうっすらと見えた状態で、クリックすると説明文が消えるというアレを社内システムに実装してみたのでメモ。親切なUIを実現するために欠かせない小技の一つです。 １．head内で読み込み 以下のようにjquery本体を読み込…
社内システムだったら必ずフォームのPost送信は多用するし、Webサイトであっても入力画面が存在するところには必ずフォームは必要となる。そんなとき、簡単にオシャレで機能的なフォームが設置できたら重宝するだろう。bootstrapなどのcssフレームワークを使…
以前のエントリー jQueryでスライダー機能を実装 - jQuery slider2 で、jQueryスライダー設置の練習が済んだところで、少々本格的な「横幅いっぱい」のjQueryスライダーを設置してみたのでメモ。 実践Webデザイン jQuery+CSSフレームワークでサクサクつくる…
昨今のWebサイトのトップページでよく見かけるスライダーを自社Webサイトに実装してみたときの試行錯誤をメモ。スライダー初使用のため、入門編としてjQuery slider2をテスト環境で使用してみた。Webデザイナーのための jQuery入門 魅力的なユーザーインター…
BootStrap向けのdatepickerによるカレンダー実装が簡単かつ便利だったので使用方法をメモ。 1.ダウンロード 現在はちゃんと日本語対応版も出ているようで、日本語対応版を含んだ状態で入手したいため、下記よりzip形式でまるごとダウンロード。ダウンロード…
今更ながらjQueryUIのDatepickerが簡単かつ便利だったので実装方法のメモを残す。 1.jQueryUIをダウンロードする http://jqueryui.com/download/最終的に必要なのは以下の４つなのでこれらが揃うように。 jquery-1.8.3.js jquery-ui-1.9.2.custom.css jquery…
Web上でときどき見る「登録しました」などのメッセージ表示エリアがスーッと消えてなくなる動きを自分もやってみた。簡単ながら社内システムなどで今後も使えそうなのでメモ。 業務アプリの多くがDBにデータいれて、取り出して、表示...という単調な部分が多…
よくWebサイト上で見かける、画面をスクロールしていくとフワッと画像が現れてくるあの小技です。いつか自分も使う機会があったら使ってみようと思っていましたが、本日社内システムの一部で使うことになったので使い方をメモ。簡単ながら、なかなか使えそう…
