簡単なフェードイン＆アウトローテータ / Simple jQuery Fade In / Out Continuous Rotator

jQuery(function() {
    jQuery('.rotate div').hide();
    jQuery('.rotate div:first').show();
    setInterval(function() {
        jQuery('.rotate div:first-child').fadeOut().hide().next('div').fadeIn().end().appendTo('.rotate');
    }, 10000);
});

jQueryで複数の要素の高さを揃える

またも嵌ったのでメモ。 今回はULリストの子要素LIの高さを揃えようとやってみた。

$('ul').each(function(){
 var rep = 0;
 $(this).children().each(function(){
  var itemHeight = parseInt($(this).height());
  if(itemHeight > rep){
   rep = itemHeight;
  }
 });
 $(this).children().css({height:(rep)});
});

こんな感じ（で合ってるはず）。
 ローカル環境で正常に動作したのでリモートにアップしたらなぜか正確に高さを測ってくれない。しかもChromeだけ！ いろいろ調べてみたところ、どうもロード時間に問題があるらしい。

結論としては：

• 高さを揃えたりするなら、ページが全てロードされた後に計算させないと正しく動かない（こともある）。
• $(window).load()で対処。

jQuery(function($) {
    $(window).load(function() {
  $('ul#sample').each(function(){
   var rep = 0;
   $(this).children().each(function(){
    var itemHeight = parseInt($(this).height());
    if(itemHeight > rep){
     rep = itemHeight;
    }
   });
   $(this).children().css({height:(rep)});
  });
 });
});

これはローカル環境だとページロードが早かったから表面化しなかった問題。
論理的に考えれば理屈はわからなくはないんだけど、IE,Firefox,Operaで動いてChromeが動かないのは初めての現象でびっくりした。逆は多いのに・・・（苦）
Chromeの方が正しくjavascriptを理解してるってことなの、これ？

Codeigniterを使ってショッピングカートをゼロから作ってみよう。 # 0

仕事柄毎日コード書いてるけど、色々と思うこともあるので日記風に書き残しておこうかと思います。

とは言えだ、ただの日記じゃ芸がないし自分が飽きそうなので企画っぽくしようかと。
Google先生に聞いてみたけど見当たらなかったのと慣れていることもあるので企画内容決定。


Codeigniterを使ってショッピングカートをゼロから作ってみよう。


それじゃ企画の概要。
- CodeigniterとjQueryをメインにiscなみのショッピングカートを作る。
- 原則としてコードは恥も外聞もなく公開。まぁでも徹底入門よりはマシだと思います、はいｗ
- 既に企画内容が途方もなく大きいので、いつ終わるかは不明。
- 途中で投げ出すこともあるでしょう。・・・っつーか、投げ出す気満々なんであまり期待しないでください(苦)
- 投げ出さずにできたら商用化。（あくまでも予定）

以下、仕様。
コア部分:
- カート機能
- ユーザ機能
- 管理ページ
- 製品管理系

準コア部分:
- 決済系（Paypalとか色々）
- 税金系
- 配送系
- 在庫管理系
- 返品受付機能

デザイン部分：
- テンプレート（スキン）機能

余力があれば：
- B2B機能
- SEO系
- プロモーション機能
- API


6ヶ月～1年くらいあればある程度まともなのできるかな？
機能はこのブログを読んでくれる人がいて、要望出してくれたりアドバイスくれたりしたら追加されるかもしれません。

投げ出す気は満々ですが、投げ出さないように励ましつつ見守ってくれれば幸いです。

んじゃ、始めますか。