Javascript

ALERT表示をカスタマイズできるjQuery Alertをカスタマイズしてみる

jqueryalert_google_jqa

入力チェックや、警告表示に使うJavascriptのalertメソッドですが、ブラウザによって表示が全然違うので、そこを統一したいと考えました。
ちなみに、現在のMSIE、Firefox、Google Chrome、Operaだと以下のような表示です。

jqueryalert06

そこで、統一するために、Javascript(jQuery)とCSSを使って作ればよかったんですが、同じ用途のjQueryプラグインがあることがわかったので、そちらを試すことにしました。

続きを読む

jQuery UIのdatepickerで日付が1899年や1900年になる

datepicker01

Bootstrap+jQuery+jQuery UIでインターフェースを作ることが多いのですが、そんな中はじめて陥ったDatepickerのワナをご紹介。

続きを読む

BootstrapでjQuery UIのDatepickerを使う場合

datepicker02

日付の入力インターフェースとして、jQuery UIのDatepickerは、もはや常套手段いって過言ではないのではと個人的には思ってます。
どのように入力されるかわからない日付形式より、入力の手間も省け、定型で入力させるためによく使いますよね。

続きを読む

iPhoneへプッシュ通知でハマった・・・

APNs-PHP

iPhoneへのプッシュ通知を行う際に、APNs-PHPというライブラリを使って通知ロジックを仕掛けていました。

スクラッチ開発する場合に参考にしたサイトに書いてあったような、通知制限などを自動的に回避してくれる的なことがあったためにAPNs-PHPを使ったのですが、
導入に際してはこちらを参考にすればさほど難しいこともなく、普通に導入できました。

続きを読む

Google Map API V2の提供終了

Googleさんから、以下のようなメールが来ました。

Google Map V2が、2013年11月19日に提供終了になるようです。

続きを読む

選択された項目によって、カウントしたい入力文字数を変える

よくある文字数のカウントダウン。有名になったのはTwitterかな。140文字以内で入力しないといけなかったので。

で、Javascript+jQueryで単純に考えると、

となりますね。

続きを読む

Googleマップにマーカーを追加表示する

Googleマップ

Googleマップで観光スポットを表示しているときに、近くの観光スポットをリストで表示していて、そのスポットをマウスでポイントしてやれば、そのスポットのマーカーを地図に追加して表示し、さらに現在地と追加地のマーカーが全て表示されるようにマップの拡大率を自動的に変更する・・・という仕様が必要になったので、備忘録メモ。

続きを読む

jQuery UIのDatepickerで、土曜日と日曜日の色だけ変更する

こちらのブログで紹介されていたのですが、「:last-child」疑似クラスは、IE9以上でないと認識しない。

2013年8月現在でIE8を切り捨てることはできないので、この方法では本来の意味で実現できたことにはならないので、IE7以上でも使えるように、「:first-child」疑似クラスのみを使った、Datepickerの土日のみの色の変更の仕方をご紹介します。

続きを読む

Twitter Bootstrapがバージョンアップしていた

bootstrap3

 

知らない間にブートストラップがバージョンアップして3RC1になっていました。(アドレスも変わってますね。)

最近の流行りにのって(?)、フラットデザイン+モバイルファースト+レスポンシブになっていますね。
(レスポンシブは前からですけど・・・)

続きを読む

jQueryで現在のリンクにクラスを付ける

PHPとかWPとかではなく、HTMLで静的なページを制作している場合、メニュー構造部分なんかは、そのページ毎に編集したりしないといけませんよね。

そんな時に、Dreamweaverではライブラリ機能が使えるのですが、ライブラリ機能を使うと、ページ毎に少し変えたい場合に変えれません。

例えば上記のようなHTMLがライブラリとして登録されていると、指定してある全てのページに対して、同じコードが挿入されます。

続きを読む

%d人のブロガーが「いいね」をつけました。