maki-o memo

制作に関する私的なメモです

選択されているタグ : jQuery , js

ie6/7で、強引にdisplay:table-cell;風

画像が並ぶようなコンテンツで、サムネールが以下のように配置される可能性がある場合、

サンプル


CMSで生成したhtmlを、別サーバのhtmlでiframeを使って表示する場合、高さが算出できない件

タイトル通りの件で悩んだのでメモ。

同じサーバの場合は話が早いです。
jsでiframeで呼び出すコンテンツの高さを取ってきて、動的に書き換えればOK。

ie6以外のブラウザは、

contentWindow.document.documentElement.scrollHeight;

ie6は、

contentWindow.document.body.scrollHeight;

で、iframeの内容の高さを取って来れます。
それを、jQueryの$('iframe').height();とかで設定してやればいけます。


jQueryのプラグインを作ってみる

jQueryのプラグインを作る。
とりあえずこう書きます。

$.fn.hoge = function(引数){
    return this.each(function(){
        //ここに処理を書く
    });
}

これで例えば、hoge.jsと保存し、hoge.jsとjQuery本体を読み込みます。
そして、

$(function(){
    $('div').hoge();
});

とすれば実行できます。すげー。

ちなみに、

(function($){
    $.fn.hoge = function(){
        return this.each(function(){
            //ここに処理を書く
        });
    };
})(jQuery);

という書式もあった。どっちが正解なんだろう?


.animateで色を制御するプラグイン『Color Animations』

jQueryの.animate()は、デフォルトでは数値型の制御しかできないらしい。 色のアニメーションをさせたかったので、探したらありました。

参考url:http://h2ham.seesaa.net/article/107837321.html

対象のjsファイルを<head>の<script>で読み込むだけで、.animate()で色の制御が可能になります。


プロフィール

フロントエンドエンジニア

Tomokazu Makita

名古屋でフリーランスでWeb制作してます。 フロントエンドのことを主にやってます。
a-blog cmsを使用したサイト制作が得意です。
お仕事のご相談随時受付中。

雪山大すき。冬は雪山の合間に仕事します。
財布はいつも吹雪です。

エントリーリスト

タグ