jqueryでxmlを読み込む
jqueryでXMLを読み込んで、要素をHTMLに表示させてみます。 XMLはutf8ですが、HTML側はあえてShiftJISです。文字コードをjquery側で変換してくれるのか?、問題なく表示できます。 XMLはこちら。data.xmlとします。 <?xml version="1.0" encoding="utf-8"?> <cars> <car>...
View Articlelightboxとyoutubeの重なりの修正とYouTube自動埋め込み
[jquery.lightboxとYouTubeの重なりの修正] jquery.lightboxなどを使用した際で、YouTubeのFlashオブジェクトが前にきてしまうことがあります。 safariやfirefoxでは jquery.lightbox-0.5.css の三カ所のz-indexを大きい数字にすることで対応できました。 #jquery-overlay {z-index: 900;}...
View ArticlejQueryでブロック要素の高さを揃える
横に並べたグリッドの、コンテンツ量によって高さが違ってしまうことはよくあります。 コンテンツ量が異なるのは仕方ないとしても、デザイン的には背景色は揃えたいことはよくあります。 背景色を4つ並べた画像で作ってwrapperの背景として設定することも可能ですが、 jQueryで各同列要素の高さを取得し、一番大きいものにあわせることができます。 ↓こんな場合も、...
View ArticlejQueryで新旧税率計算
jQueryで新旧税率計算できるページ作成しました。 税率変更、不要な¥の削除、カンマ対応、全角→半角変換、 税率対応(税抜きの場合は 0%に)、接頭辞・接尾辞対応で コピペしやすくなってるかと思います。 細かいHTMLページの個別金額修正などに使えると思います。 Javascript、jQueryが使えるとこういったちょっとしたツールも 簡単に作れるのでいいですね。...
View ArticlejQueryで画像の読み込みエラー(リンク切れなど)時に代替画像を表示させる方法。
jQueryで画像の読み込みエラー(リンク切れなど)の際に、そこに代替画像を表示させる方法。 //img のエラーイベント $('img').bind('error',function() { //代替画像のURL、幅・高さ等を指定 $(this).attr({src: 'ここに代替画像URL', width:'代替画像 幅指定', height:'代替画像 高さ指定' ); });...
View Article
More Pages to Explore .....