http://webcreator-net.com Sun, 25 Jan 2015 07:12:35 +0000 ja hourly 1 http://wordpress.org/?v=4.1 http://webcreator-net.com/tips_memo/javascript/20130217080337.html Sat, 16 Feb 2013 23:03:37 +0000 http://webcreator-net.com/?p=10056 jQueryの1.9系がリリースされて｢今まで使っていたライブラリが動かなくなった...｣「開発中のシステムで使っているjQueryを1.9対応しないといけない...」なんてことを最近よく耳にするので、ちょっと簡単にまとめてみました。]]> http://webcreator-net.com/tips_memo/javascript/20120725080047.html Tue, 24 Jul 2012 23:00:47 +0000 http://webcreator-net.com/?p=7895 jQuery UIとは、jQuery公式のユーザインターフェース(UI)用のライブラリのことですが、これを活用することで、カレンダー・タブメニュー・アコーディオン・ダイアログ・エフェクト・表示切替・ドラッグ移動・サイズ変更・スライダー等、様々なユーザインターフェース(UI)を簡単に導入することができます。 今回は、jQuery UIのタブメニューについて紹介します。]]> http://webcreator-net.com/tips_memo/javascript/20120226085859.html Sat, 25 Feb 2012 23:58:59 +0000 http://webcreator-net.com/?p=3912 問い合わせフォームに郵便番号を入力すると、自動で住所が入力されるフォームをよく見かけます。あれを簡単に実装する方法を紹介します。 郵便番号からの住所自動入力には、Kawa.netさんのサイトで公開されている"AjaxZip2ライブラリ"を利用します。HTMLが分かる方でしたらとても簡単です！ prototype.js版とjquery.js版が同梱されていますので、ここ数年主流になっているjQuery版を使います(ライブラリの共存自体そうですが、特にprototype.jsとjquery.jsの共存にはバグやエラーがつきものです...。両方とも関数省略に$を使うからなんでしょうけど...。ですから、最近流行のjQuery版を使います)。 また、"AjaxZip2ライブラリ"は、最近更新されていませんので、郵便番号データが古くなっています。そこで、シェルコマンドを使って最新の郵便番号データに差し替えます。ついでに、jquery.jsも新しいものに差し替え、フォームのプログラム上で動作テストをしてみました(※こちらの記事では、自サーバー内に郵便番号検索のプログラムを置くことを前提にしています。外部サーバーで郵便番号データを利用するAjaxZip3もありますので、郵便番号データをメンテナンスフリーでご利用になりたい方はそちらをお使いください)。]]> http://webcreator-net.com/tips_memo/javascript/20120209220347.html Thu, 09 Feb 2012 13:03:47 +0000 http://webcreator-net.com/?p=3425 1枚の画像に複数のリンクを設定する際"クリッカブルマップ(イメージマップ)"を使用することで、複雑な形でもリンク領域を指定できますので結構便利です。 ｢このクリッカブルマップ(イメージマップ)で、指定領域にカーソルを合わせた時に画像をロールオーバー出来れば便利かも｣と思ったことはないでしょうか？ ちょっとしたJavascriptで簡単に実装できますので、今回はその方法をデモページも交えて紹介しようと思います。]]> http://webcreator-net.com/tips_memo/javascript/20120202223015.html Thu, 02 Feb 2012 13:30:15 +0000 http://webcreator-net.com/?p=3118 ホームページ内に｢小｣｢中｣｢大｣といったボタンを用意して、フォントサイズをJavascriptで変更させるようなサイトを構築したことがある方は多いと思います。 よく知られている方法としては、Javascriptライブラリ等を活用して実装する方法です。 その中でも、"styleswitcher.js"といったJavascriptライブラリを用いてフォントサイズ変更を実装しているサイトをよく見かけますが、このstyleswitcher.js、Safariのバージョン5以降では正常に動作しません(※以前のバージョンでは動作します)。 最近のブラウザは、画面サイズを%(パーセント)で変更させて、テキストだけではなく画面全体を拡大･縮小できる機能が付いたものが多いので、あまりこの種のスクリプトは使わなくなりましたが、以前に作成したサイトにstyleswitcher.jsを使用している場合、Safariのバージョン5以降ではフォントサイズ変更ができないので、｢対応しないといけないなー｣なんてことを何度が聞いたことがあります。 同じような処理をする場合、クッキーを保存させるスクリプトとフォントサイズを変更させるスクリプトを用意すれば、Safariでも問題なく動作しそうです。 今回は、簡単に上記のような対応ができるように、jQueyのライブラリであるjquery.jsとクッキー保存に使用できるjquery.cookie.jsを使ってデモ版を用意してみました。]]>