タグアーカイブ: JavaScript

history.pushStateをつかってみる。

pushState、実際にサンプルつくってみた。 http://dl.dropbox.com/u/131731/sample/pushstate/index.html リンク遷移時にページ内で必要な部分のみ表示が代わり、かつ、 ページのtitle、ページのURLも読み込んだ内容に適応したものにかわるよう。 HTMLは事前にこんな感じになっている事想定。 HTML //トリガーとなるaタグ、classがpjaxのものを対象としてる //〜

Google Mapsで住所から緯度経度 / マーカーから緯度経度&住所を求める

タイトル通りの内容。地図を登録させるフォームつくる機会があったんだけど、 住所検索だけだと同一番地内などで微妙に位置ずれする。なので、マーカーで緯度／経度を修正して、 投稿時には ・入力した住所 ・マーカーの緯度/経度 をもらってGoogle Mapsを表示させればいいんじゃないかなという話。こんな感じ。http://dl.dropbox.com/u/131731/sample/googlemaps-address_marker.html2011/11/24：ちょっと改良して、ドラッグ時にパーマリンク表示するようにした。

jQueryのフェード系メソッド + IEで、文字が潰れる問題

タイトルの通りなのだけどIE環境で特定要素に、 $(‘div’).fadeIn(‘fast’); など、フェード系のメソッド（sideToggleとかいろいろ）かけると、 文字が潰れてジャギジャギなる。 より具体的にいうと、ClearType（Windowsの文字のアンチエイリアシング方式）が無効になるんだそう。 悔しいこれ。IEでは、透明度を”filter”という独自仕様で指定するのだけど、 コレとフォントのClearTypeが干渉するんだって。 $(‘div’).fadeIn(‘fast’,function() { if ( !jQuery.support.leadingWhitespac…

fsmenu.jsとmootoolsがコンフリクトする問題

fsmenu.js（FreeStyle Menus）というhoverで下層ナビゲーションを表示するスクリプトがあるのだけど、 （HTML+javascriptでDHTMLと呼ばれてたころからあるっぽい） mootoolsと同時につかうと、コンフリクトして動作しなくなる（fsmenu.jsが）。 今ならfsmenu.jsのとこjQueryやらmootoolsで代替できるっしょって感じなのだろうけど、 なんらかの理由で代替できない時の解決方法。 TYPOlight forum – TYPOlight Open Source CMS にそのままのってるのだけど、 fsmenu.js関連の記述で、 ・…

photosetでいろいろ

先のエントリーで、Flickrの任意のSetを取得してみたが、それでいろいろ試してみる。 Flickr x jQuery Cycle Plugin 画像の〜するって事を考えると、 » JQuery Cycle Plugin との相性は良さそう。というわけで ■デモ（画像切り替え） http://2244.jp/_demo/flickr/02_background/読み込んだimageの幅を100%として、Cycleプラグインのfadeを使って切り替え。 こんな感じで100%表示すればサイトの背景画像なんかに使うのもいいかもしれない。 ■デモ（スライドショー） http://2244.jp/_d…

PrettyPhoto.jsで表示した要素をスムーススクロール

PrettyPhoto.jsを使ってiframeやインラインコンテンツを読み出す際に、 Windows IE系ブラウザ ページ全体にスクロールが発生している。 prettyPhoto内にスクロールがある。 マウスホイールなどでスクロールさせてる。 という環境下で、 マウスホイールでprettyPhoto内のスクロールを行っていて、 スクロールの始め・終りにあたった時に、 マウスホイールスクロールのフォーカスがページスクロールに移り、 ページがスクロールされて、prettyPhotoなんかガクガク。 （もしくは単にprettyPhoto表示時にスクロールしたらprettyPhotoガクガク） と…