ひびのきろく
https://developers.facebook.com/docs/plugins/like-box-for-pages
がなくなって、Page Pluginを使おうということで、使ってみました
Facebook開発者などは
facebookページの投稿をウェブページに表示する | bgbgbg
の手順を参考に
https://developers.facebook.com/docs/plugins/page-plugin
へアクセス、facebookページのアドレスなど必要な情報を入れます
幅と高さの制限が変わったり、背景透過とかができなくなってます
Get Code でコードを取ってきて、htmlのbodyタグ内に全部書けばOKです
それっぽいのができます
色が変えられないので、カバー写真で頑張るとかでしょうか..
javascriptでnewをつけて呼び出すことを前提にした関数をコンストラクタと呼ぶようです
こんなので、最初を大文字にするのが慣例らしいです
var Sample = function (v) {
this.value = v;
}
var mySample = new Sample(100);
console.log(mySample.value); // 100
newされると新しいオブジェクトが生成される
newされたオブジェクトは、もとのprototypeリンクをもつので
var Sample = function (v) {
this.value = v;
}
Sample.prototype.get_value = function() {
return this.value;
};
var mySample = new Sample(100);
console.log(mySample.get_value()); // 100
としてあげるとnewされたオブジェクトがget_value関数を使えるようになる
newをしないで同じことをするには
var sample = function(v) {
return {
get_value: function() {
return v;
}
};
}
var mySample = sample(100)
console.log(mySample.get_value()); // 100
this.valueをなくせるので、値を変えられる心配がなくなり、いいと思います
javascriptでは、関数の中でオブジェクトのプロパティに格納されているものをメソッドと呼ぶようです
this にセットされるものが変わるのをおさらい
例としてはこんなの
var obj = {
value: 1,
doubleup: function() {
this.value += this.value;
},
tripleup : function() {
var that = this;
var helper = function() {
// this -> globalオブジェクトがセットされる
that.value = that.value * 3;
};
helper();
}
};
doubleup、tripleup がメソッドです
メソッド内ではthisにそのオブジェクトがセットされます
doubleupでは、objのvalueを２倍してます
tripleupのなかでは、thisが使えますが、その中の関数内では
this が グローバルオブジェクト になってしまいます（いけてない）
そのため、いったん var that = this; としておいてあげれば、valueをセットできます
実行するとこんな感じ
obj.doubleup();
console.log(obj.value); // 2
obj.tripleup();
console.log(obj.value); // 6
thisの動きがすこしスッキリしました
Cakephp 2.6で、FormHelperでチェックボックスを複数表示したのでメモ
echo $this->Form->create('sample');
$option = ['サンプル', 'サンプル２'];
echo $this->Form->select('item', $option, array('multiple' => 'checkbox'));
echo $this->Form->end();
な感じでチェックボックスが複数出せませす
初期値をつけるのなら
$this->data[‘sample’][‘item’][0] = 0;
$this->data[‘sample’][‘item’][1] = 1;
とか$optionのインデックスの値を渡してやればチェックがつきます
$data = $this->Model->find(‘all’)
が
(int) 0 => array('sample' => array('item' => '1')),
(int) 1 => array('sample' => array('item' => '2')),
(int) 2 => array('sample' => array('item' => '3')),
(int) 3 => array('sample' => array('item' => '4')),
な感じでくるので、
$selected = [];
foreach ($data as $obj) {
$selected['sample']['item'][] = $obj['sample']['item'];
}
でViewに渡してあげたらチェックセットされました
