無職のプログラミング

$('#id').bind('pageinit', function(event){...

$('#id').live('pageinit', function(event){...

/**
 * @namespace
 */
var mitako1 = {};

/**
 * Takoyakiクラス
 * @param {number} num 一辺のマスの数
 * @constructor
 */
mitako1.Tako = function(num) {
  /**
   * 一辺のマスの数
   * @type {number}
   */
  this.num = num;
  /**
   * 各マスのオン・オフ状態。オンなら1,オフなら-1
   * 座標(x, y)のマスはboxst[x][y]になる
   * @type {Array.<Array.<number>>}
   */
  this.boxst = [];
  /**
   * 移動方向配列
   * [x軸方向,y軸方向]
   * @type {Array.<Array.<number>>}
   * @private
   */
  this.dirc_ = [[-1, -1], [-1, 1], [1, -1], [1, 1]];
};
/**
 * 初期化
 */
mitako1.Tako.prototype.init = function() {
  this.boxst = [], num = this.num;
  for (var i = 0; i < num; i++) {
    this.boxst.push([]);
    for (var j = 0; j < num; j++) {
      this.boxst[i][j] = -1;
    }
  }
};
/**
 * マスをクリックする
 * @param {number} x マスのX座標。左端を0とする
 * @param {number} y マスのY座標。上端を0とする
 */
mitako1.Tako.prototype.click = function(x, y) {
  this.boxst[x][y] *= -1;
  var tx, ty, num = this.num;
  for (var i = 0; i < this.dirc_.length; i++) {
    tx = x;
    ty = y;
    dx = this.dirc_[i][0];
    dy = this.dirc_[i][1];
    tx += dx;
    ty += dy;
    while (tx >= 0 && tx < num && ty >= 0 && ty < num) {
      this.boxst[tx][ty] *= -1;
      tx += dx;
      ty += dy;
    }
  }
};
/**
 * マスの状態を表示する
 * @param {Array.<Array.<number>>=} star 星型にする座標配列
 * @return {string} 出力結果。オンが黒、オフが白
 */
mitako1.Tako.prototype.disp = function(star) {
  var outstr = '', num = this.num;
  var sxy = [];
  if (star) {
    for (var i = 0; i < star.length; i++) {
      sxy.push(star[i][0] * num + star[i][1]);
   }
  }
  for (var i = 0; i < num; i++) {
    for (var j = 0; j < num; j++) {
      if (this.boxst[j][i] > 0) {
        if (sxy.indexOf(j * num + i) >= 0) {
         outstr += '★';
        } else {
         outstr += '●';
        }
      } else {
        if (sxy.indexOf(j * num + i) >= 0) {
         outstr += '☆';
        } else {
         outstr += '○';
        }
      }
    }
    outstr += '<br>';
  }
  return outstr;
};