jQuery

jQueryUIのDatepickerで複数の日付を選択する(簡易版) jQuery

jQueryUIのDatepickerで複数の日付を選択する(簡易版)

タイトルには簡易版って書きましたけど、どっちかといえば安易版?w ユーザー側で使うのは重いんで、管理画面とかならまぁ使ってもいいかなーくらいの感じです。 まずはhtmlから。 <head> <link rel="stylesheet" href="//…
Featherlight.jsにイベントを設定 JavaScript

Featherlight.jsにイベントを設定

Featherlight.jsで、イベントを指定できるようなので試してみました。 (Featherlight.jsについては以前書いたエントリーにでも -> Featherlight.jsでhtmlを読み込んでみる。) 開く前(.beforeOpen) $.featherlight.defaults…
faviconを動的に変更する(html5-canvas) html5

faviconを動的に変更する(html5-canvas)

たまに見かける新着があった時にfaviconに1とか2とかでるやつを実装する時のメモ。 更新通知以外の使い道はパッと思い浮かびませんが、他にも何か使える場面があるかも。。 まずhtml側から。 headにid="favicon"なlinkタグを入れておきます。 <!DOCTYPE html&g…
jQueryでcheckboxを反転させる JavaScript

jQueryでcheckboxを反転させる

反転って言葉が妥当かはおいといて、、 チェック入ってる場合は外して、外れてる場合はチェックする。 $('input').prop('checked', function( index, prop ){ return !prop; }); prop使うとお手軽ですねー。…
leanModal.jsをAjax対応にしてみる(Ajaxで取得したhtmlを表示) jQuery

leanModal.jsをAjax対応にしてみる(Ajaxで取得したhtmlを表示)

モーダルウィンドウを表示するのに良さげなPluginを探してたら軽量なjsとして紹介されていたのがleanModal.js ただ、これAjaxに対応してないようですね。 (元々html内に用意されたものしか表示できない) でも別のクリックイベント発生時に、Ajaxで取得してhtmlを生成、その後le…
jQueryでn番目の要素 JavaScript

jQueryでn番目の要素

カウントしながらeachで回したろうかと思ったら、:eqってのがあるんですね。 <from> <input type="checkbox" name="hobby" value="1">サッカー <input …