はてなブックマーク

使ってみると非常に便利なAjaxライブラリの「Spry」ですが、実際に仕事で使ってみるといろいろと困ったことはでてくるもので…… 実装したものをクライアントや開発会社に提出して、ここってどうにかならないの？みたいな要望やら文句やらを聞きながら、試行錯誤しながら、これってかなりトリッキーなことやってるのかも、とか思いながらけっこう無理やり要求される仕様を実現してます、今日この頃。 でも、それももうあと数日で終わり。 ようやく、Spryとの格闘の日々に終止符が打たれる……のかなぁ…… 今日のメモは「SpryHiddenRegion」についてです。 Spryは非同期でロードしてきたXMLをHTMLに埋め込んで表示してくれるのですが、XMLのロードに時間がかかってしまうと、埋め込み用のタグがそのまま表示されてしまいます。 それは非常にカッコ悪いので、ロード中にデータを表示するエリア、Spry

IEでiframeを使ってページを読み込ませたときに、iframeの中に読み込まれたページの縦の長さがiframeの縦の長さをオーバーすると、縦スクロールバーだけでなく横スクロールバーも表示されてしまいます。 横はオーバーしていないにもかかわらずです。 同じページをFirefoxでみると、横スクロールバーは表示されません。 縦横どちらがオーバーしているのかを判断して自動的に、縦か横のどちらかのスクロールバーだけを出すということがIEにはできないのか？ と思ったりするんですが、逆の場合は大丈夫なんですよね。 横がオーバーして縦はオーバーしてない場合。 これは横スクロールバーだけが表示されます。 やっぱりIEって…… で、調べてみたら解決法はありました。 解決法はけっこう簡単で、iframeの中に読み込まれるページの「html」タグに「overflow-x:hidden」を設定するだ

Webサイトを制作していてたまに指摘されるのが、半角文字を連続して入力したときにレイアウトが崩れるという問題。 これはブラウザがデフォルトでは英単語を単語の途中で改行しないから起きるんだけど、そんなめちゃくちゃ長い単語が入る場合があるんですか？と言いたくもなります。 ただ、ありえるのはURLとかe-mail。 これがサイドの狭いエリアに入ってくる場合。 IEの場合のみCSSで対応できるのでメモしときます。 IEでは、下記のスタイルと組み込むことで対応可能。 word-break: mode (e5) 行末の単語禁則処理を、normal（既定値：英文のみ単語の切れ目で改行）、break-all（英文、和文共に単語の途中でも改行）、keep-all（英文、和文共に単語の切れ目で改行）のいずれかで指定します。 (とほほのスタイルシート入門より) Firefoxはこれに対応していないため、制