適当な思いつきで書くブログ

UbuntuやPerlやJavaScriptやVimやZshやShellScriptやMySQLと戯れている中で適当な思いつきでやってみたことを書いています。

javascript

jQuery.jsでiframeの高さを中身のコンテンツに合わせる

iframeの中身を扱うには.contents()を使用する。 $(document).ready(function(){ $('iframe').load(function() { $(this).css('height', $(this).contents().height() + 'px'); }); }); そんだけ。 と思ったらこれだとIEで取得できない(IE8で確認)。 .find('…

サーバーサイドなLESSを試してみた

LESSのサーバーサイド版を試してみた。 インストールには比較的新しめのnodejs(v0.4.9だとだめだった)とnpmが必要。 $ git clone https://github.com/joyent/node.git $ cd ./node $ ./configure $ make $ make install $ git clone https://github.com/isaa…

Analyticsのトラッキングコードがいつの間にか書き方変わってますね

野暮用でAnalyticsのアカウントを新規に作ってトラッキングコードを発行したのですが、コードが新しくなってました。 少なくとも10月半ばまでは旧でした。旧 <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");…

setInterval()のデータ型がNumberだったのでちょっと戸惑った。オロオロした。

setInterval()なtimerがあったらそれをclearInterval()、なかったらスルーしたかったので、timerを試しにtypeofしてみたら"number"が返ってきました。 (変なことしててすみません。後付けjsなのです) var timer = setInterval(function() { // なんかの処…

The JUI 2008 Tokyoが2008年5月19日(月)@銀座であるそうなので、

参加登録しましたー>< The JUI カンファレンスを開催します! jQuery ライブラリ UI チーム の Paul Bakaus さん、 20年後の日本のWebを牽引 する id:amachang さん、 Twitladder の inucara さんら豪華スピーカー陣を招いて、 今どきな Web のユーザイン…

perseFloat("1.1")を引き算したら変な端数が出てきました

ちょっと変なことしてたら変な端数が出てきちゃったのでメモ parseFloat("1.1") //1.1 parseFloat("1.1") - 0 //1.1 parseFloat("1.1") - 0.1 //1 parseFloat("1.1") - 0.11 //0.9900000000000001 引き算する数字(n)が0.1を超える(n>0.1)と端数が出てきちゃ…

numberをstiringで扱うときは" number+'' "の方が" toString(number) number.toString() "より断然速め

追記というか訂正というか、よりにもよって関数の使い方を間違えておりました…。お恥ずかしい…(/−\*)。ご指摘ありがとうございました。 numberオブジェクトをstringとして扱いたいときに、下の二つの方法があるかと思います。 空文字足し算 hoge = 1; typ…

配列の各要素を参照するときにhoge["0"]ってアリなの?

配列のインデックスに用いられるのはnumberだけだと思ってたのですが… 試してみたら↓のようにhoge["0"]でもきちんと出力されたのです。 var hoge = ['foo', 'bar', 'baz']; hoge[0]; //foo hoge["0"]; //foo インデックスはnumberじゃなくてもstringでもおk…

buttonタグの挙動がブラウザで異なる

buttonタグのvalueの値を使ってjs書いていたんだけど、IEとFireFoxでvalueの取り扱いが異なることに気がついたのでメモ。 ついでにinnerHTMLの取り扱いも調べた。 準備 ↓の場合を考えるよ。 <button value="foo">bar</button> 結果 IEと非IEで取り扱いが異なりました。 button IE6, IE7 Fi…

外部CSSをremoveしたときにそのCSSのstyleが解除されるタイミングがIE6とFireFox & Operaで違う

外部CSSのlinkタグをappendChild()すると、appendの完了(というか読み込みの完了?)と同時にそのstyleが反映される。 しかし、removeに関してはそのstyleが解除されるタイミングがブラウザによって異なるのでメモ。 結果 : remove後、反映されるタイミングは…