2010年8月 – ページ 2 – Satake Studio Dev

ググれカス（4）

ブラウザのタブが開きっぱなしになるのが嫌で記録しているだけなんですけど、少なくとも自分的には助かってます。たぶん。

Javascript/jQuery/input要素のvalueを操作する
```
$('#hoge').val('aaa');
```
onblurのあとfocusとselectが効かない
setTimeoutを使えばいいらしいよ。

var obj = $('input[@name=xxx]');  // name指定
var x = $('radio[@name=target]:checked').val();

jqueryを使って、selectタグで選択されたテキストの値を取得

$('#[selectのid名前] option:selected').text();
$('#[selectのid名前]').children(':selected').text();

１の位を丸める。（ゼロにする。10の位までをゼロにするなら -2）
```
  $a = round(1005*1.05,-1);
```

JSでゼロパディング

var a = 45;
print (("0000"+a).slice(-4));

2010年8月18日/作成者: staff

サイトオープン時にやること

　
SEO対策：基本コースは前回まとめましたが、もっと詳しい手順を教えてくれというご要望が内部からありましたので、詳細に書いてみたいと思います。
レベルは玉石混交（いわゆるバラバラ）です。
さらに読む

2010年8月16日/作成者: staff

ググれカス（3）

Etc

タイトルが微妙に変わっていますが、書いてあることはいつもと同じです。

PHP：配列の先頭と最後の取得方法

$last = end($this-&gt;_array);
$first = reset($this-&gt;_array);

EC-CUBE：管理ユーザ追加
URLを隠すだけだけど、一定の効果はあると思う。
Smarty を使った開発でデバッグを行う 4 つの方法
デバッギングコンソールは使ったことがない。
```
{$foo|@debug_print_var:0:100}
```
こればっか。0はインデント、100は桁数を指定。（ないと40桁で切られてしまう）
あとは、HTTPTraceServer（htrace）をよく使ってます。
ACCESS関数をPostgreSQL関数に変換する
First、Lastがたまに欲しくなるんだよね。min()、max()で代用できるときもあることは覚えておいてよい。
カラムを削除する方法【PostgreSQL】

2010年8月14日/作成者: staff

jQuery：Thickbox

jQuery

長年の懸案だった、Thickboxが IEでうまく動かない件がやっと解決しました。それも自力で。エライね＞自分。
懸案事項は次の２点。

縦に長い画面で、下にスクロールしたところでウィンドウを出すと、画面中央に出ず、上の方に隠れてしまう。（画面TOPからの固定位置で表示される）
このような場合、画面と一緒にスクロールしてしまう

本来は、どのような状況でもウィンドウは画面中央にきて、スクロールは背面の画面がスクロールするだけでウィンドウの位置は変わらないというのが正しい挙動です。もちろん、オフィシャルサイトのデモはそういう動きをしています。
それがどうしておかしくなるかというと、DOCTYPEの「標準モード」と「互換モード」の違いでした。

上が互換モードで、下が標準モードです。
Thickboxを互換モードで動かそうとすると、IEに限って、上のような現象に遭遇します。Firefoxとか Chromeは大丈夫なのが現象をわかりづらくしてますね。

2010年8月14日/作成者: staff

ググったこと（2）

Etc

今回は、ググったものというか、あとできっと見たくなるけど、いまは使わないことです。

Smartyのテンプレートの文字列内変数を拡張する
Smartyのバッククォート解釈がタコなのはよく知られていることなので、それを自分でカスタマイズしてしまえるというのは、すごく魅力的です。
どのタイミングでやるかと、1回自分でカスタマイズしたクラスを使ってしまうと、どこにでもそれを引きづっていかないといけなくなって、それがない環境（例えば、カラーミーなど）ではかえって辛くならないかという不安がありますけど、EC-CUBE限定でやるかもしれません。
date関数で”Asia/Tokyo・・”なんかのエラーが出る件：PHP5.1.0以降
知らなかったので。
「date_default_timezone_set(‘Asia/Tokyo’);」とか、php.iniで「date.timezone = Asia/Tokyo」書かないといけないそうですよ。
リファラ実験
定番だけど備忘録として。

2010年8月10日/作成者: staff

jQuery：Uploadify

jQuery

PHPで複数ファイルのアップロードをなるべくスマートにやる方法はないかなぁと探し回ってたどり着いたのが、コレ。
自分的にはベストな解答です、たぶん。
　
詳しい使い方は「Ajax風にファイルをアップロードするjQueryプラグイン「Uploadify」の使い方」が超詳しいので、こちらを参照のこと。
　
以下は自分的にポイントとなったところ。

既存のPHPシステム（例えば、EC-CUBEなど）とはできるだけ独立した形にしたかったので、少し工夫した。

呼出し部分は小さいので、display:none で本体のHTMLに組み込む。例えば、こんな感じ。


$(document).ready(function() {
  $("#uploadify").uploadify({
    'uploader'     : '<!--{$TPL_DIR}-->js/uploadify/uploadify.swf',
    'script'         : '<!--{$TPL_DIR}-->js/uploadify/uploadify.php?rand_no=<!--{$rndNo}-->',
    'cancelImg'  : '<!--{$TPL_DIR}-->js/uploadify/cancel.png',
    'folder'         : '<!--{$smarty.const.IMAGE_TEMP_URL}-->',
    'queueID'     : 'fileQueue',
    'auto'          : false,
    'buttonText' : 'Select Files...',
    'multi'         : true
  });
});

<div>
  <p style="margin:0">画像ファイルを選択して、Uploadしてください。</p>
  <div></div>
  
  <div style="float:right"><a href="fnModeSubmit('upload_image','image_key','sub_image'); tb_remove();">Close Window</a></p></div>
  <p><a href="$('#uploadify').uploadifyUpload();">Upload Files</a>　<a href="jQuery('#uploadify').uploadifyClearQueue()">Cancel All Uploads</a></p>
</div>

ちょっと見慣れない細工コードが入っているのは無視無視。たったこれだけでアップローダ定義完了。

特殊なことをしている点は、複数の人が同時にこのアップローダを使った場合、同じテンポラリ・フォルダを使うことになるので、ファイル管理用のランダム文字列を持たせたこと。（ほんとは rand()だとかぶる危険性もあるんだけど、今回は管理画面からのアップロードということで、せいぜい10人未満の同時使用しかないだろうから、そこには目を瞑った）
それと、#uploadブロックは通常非表示で、Thickboxのモーダル・ウィンドウで上がってくるようにしている。
```
<a href="#TB_inline?height=430&amp;width=405&amp;inlineId=upload&amp;modal=true" title="Uploadify" class="thickbox">Uploadify</a>
```
こうすると本体のHTMLを汚さなくて済むからいいよね。で、Close Windowのとき、fnModeSubmit()といういままでアップロードボタンに割りつけていた関数を呼んでフックをかけると。

サーバ側もいたってシンプル。

if (!empty($_FILES)) {
  $tempFile = $_FILES['Filedata']['tmp_name'];
  $targetPath = str_replace('//','/', $_SERVER['DOCUMENT_ROOT'] . $_REQUEST['folder'] . '/');
  $targetFile =  $targetPath . $_FILES['Filedata']['name'];
  move_uploaded_file($tempFile,$targetFile);

  $_FILES['Filedata']['tmp_name'] = $targetFile;
  $fp = fopen($targetPath.$_REQUEST['rand_no'], "a");
  fputs($fp, serialize($_FILES['Filedata'])."\n");
  fclose($fp);
  echo "1";
}

複数ファイルをまとめてアップロードすると、この PHPが回数分呼ばれることになる。
やってることは、渡されたファイルをフォルダに移して、なんのファイルを移したかファイルに記録しておくだけ。
このときのファイル名に例のランダム文字列を使ってる。

あとは、この $_FILES がシリアライズされたファイルを読んで、あたかも $_FILESで入ってきたように振舞ってやれば OK。
```
$no  = 0;
$buf = @file(IMAGE_TEMP_DIR . $this-&gt;rndNo);
if ($buf) {
  foreach ($buf as $e) {
    $no++;
    $key = "sub_image".$no;
    $_FILES[$key] = unserialize($e);
    $this-&gt;arrErr[$key] = $this-&gt;objUpFile-&gt;makeTempFile($key, IMAGE_RENAME);
  }
  @unlink(IMAGE_TEMP_DIR . $this-&gt;rndNo);
  unset($_POST['rand_no']);
  unset($this-&gt;rndNo);
}
```
EC-CUBEのコードにがっつり入り込んでいるのでわかりにくいけど、シリアライズされたファイルを読んで、アンシリアライズしたものを $_FILESにセットして、処理を継続しているだけ。終わったら、後始末しておく。

こんな感じで活用させていただいてます。ありがとう、Uploadify。