maki-o memo

<?xml version="1.0" encoding="UTF-8"?>
<html>
<head>
//略
<style type="text/css">
li {
    float: left;
    padding-bottom: 10px;
}
</style>
</head>
<body>
<ul>
    <li>テキスト<br />テキスト</li>
    <li>テキスト</li>
    <li>テキスト</li>
</ul>
</body>
</html>

Comments: 0
Trackbacks: 0

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

2009-06-10 (水)
備忘録
jQuery | js | json

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

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

ie6以外のブラウザは、

contentWindow.document.documentElement.scrollHeight;

ie6は、

contentWindow.document.body.scrollHeight;

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

Comments: 0
Trackbacks: 0

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

2009-05-13 (水)
備忘録
jQuery | js | プラグイン

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);

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

Comments: 2
Trackbacks: 0

jsでの小数点第*位を四捨五入

2009-03-13 (金)
備忘録
js

最近調べてやっとわかったのだけれども、
どうやらJavaScriptには小数点第*位を四捨五入する関数がないらしい。

小数点以下を、切捨て・切り上げ・四捨五入　というのはある。

それを使って実装しました。

まず、対象の数値を関数で処理されたくないところまで整数にします。
具体的に言うと小数点第１位なら、その数値を１０で掛けます。
その後、Mathクラスの対応する関数で処理し、
さらにその後、１０で割ります。
以上で意図した数値が出せます。
以下、実行例

//小数点第１位で四捨五入したい場合
var num = 12.3456;

num = Math.round(num * 10) / 10;

これでOK。

Comments: 0
Trackbacks: 0

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

2009-01-08 (木)
備忘録
jQuery | js | プラグイン

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

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

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

Comments: 0
Trackbacks: 0

二点間の距離

2008-11-06 (木)
備忘録
js | 数学

という、およそ学生時代には社会に出て使う必要なし。と判断したものを調べる機会がありました。

二点をA(x1,y1)、B(x2,y2)とし、その間の距離を求める公式。

AB = √(x2-x1)×(x2-x1)+(y2-y1)×(y2-y1)

だそうです。

ちなみにこれをｊｓのスクリプトでやるとこうなります。

var dx = x2-x1; var dy = y2-y1; var dxy = Math.abs(dxdx+dydy); AB = Math.round(Math.sqrt(dxy));

Comments: 0
Trackbacks: 0

M	T	W	T	F	S	S
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30