Category Archives: JavaScript/jQuery

IE6-8でCSS3のセレクタやプロバティを使う方法

プログレッシブエンハンスメントが叫ばれる今日この頃ですが、 可能ならIE6-8にもCSS3を使いたい、ということでJSで何とかできないか探してみると、 なんだかよさげなものが見つかります。 ■IE6でもCSS3のセレクタを使えるようにするもの (1)IE9.js(http://code.google.com/p/ie7-js/) IEの挙動を標準準拠させるjsライブラリ。一部のセレクタサポートの他、以下の項目をサポー

[XHTML 1.0 Strict・IE6/7対応]外部リンクアイコン自動挿入Script

以前仕事で作った、「外部リンクアイコン自動挿入Script」を公開します。 target=”_blank”を使えないXHTML 1.0 Strictの文書型で外部リンクを別ウィンドウで開きたいと思っていろいろ検索したのですが、探し方が悪かったのかhttps://~で始まる自社サーバを除外してくれるものが無かったので自作したのがきっかけです。 ついでに外部リンクアイコンをテキストの後ろに

高さ揃えJavaScriptの落とし穴・その後

jquery.flatheights.jsを使ってボックスの高さを揃える際、高さ指定の無い画像が含まれているとwebkitでボックスがつぶれてしまうということについて前回記事を書きましたが、その後@mattari_pandaさんの協力でとりあえず解決に至りました。 var _UA = navigator.userAgent.toLowerCase(); if(parseInt(_UA.indexOf('applewebkit')) > -1){ $(window).load(function(){ $('.box1').flatHeights(); }); }else{ $(function(){ $('.b

高さ揃えJavaScriptの落とし穴

ボックスを格子状に並べて一覧表示する際、どうしても高さを揃えたいというのは当たり前の要求だと思います。 ところがCSSレイアウトの場合、隣り合うボックスの高さを揃えるということが案外大変です。 中身が画像などで高さが確実に固定できる場合はheightを指定すればいいだけなので問題ありませんが、 中身が可変コンテンツだった場合、ボックスから中身がは

どんな要素でも簡単にカルーセル化「CarouFredSel」

Amazon等でよく見かける「カルーセル」表示。 jQueryで自作したりその都度仕様にあったプラグインを探して導入したりするのは大変ですが、「CarouFredSel」なら簡単な設定でどんな要素でも簡単にカルーセル化でき、大変便利です。 http://caroufredsel.frebsite.nl/ このプラグインの便利なところは、 ・<ul>や<img>などの単純なHTMLソースを自動的にカルーセル化してくれる ・