PHP+Mootools開発メモ

フレームワークの良し悪し

zendとCakePHPとCIを使ってみて、最近はCIで仕事する方が圧倒的に多くなってきた
フレームワークとしてはもちろんCakePHPのオールインワンで機能が多く優秀だとおもう。
zendのブロックを組む感じもとっても良いし、まだ試したことは無いけどsymfonyなんかもドキュメントを読む限り管理しやすそう。
でもCIを選ぶ理由は、出来ないことを自分で実装できる喜びかな
CIはそのままでは、とても中-大規模開発では使用できないけど、自分色に染めたら他のフレームワークなんかより高機能になっていく。
よく車輪の開発はするなっていわれるけど、車輪じゃなくて最初からキャタピラをつける気ならそもそも車輪のついてないCIのほうが楽だし。て進めていったら、
結局元から用意してあるバリデーションもページネーションもスカッフォールディングも使えないので置き換えることに。。。
Cakeのときは、リファレンスとおりに書いていけばいいので、楽だけどそれ以上の手を出す気が起きない。

結局開発者のスタイルによってフレームワークの良し悪しは決まってくるみたいですね

最近は200万以下の簡単な要件開発なら、SEレベルの技術力だけで仕様固めから納品まで一気にできるレベルに、
これはこれで、良いのか悪いのか。
まあ作業案件はつまらないので最近ストレスはないけど。。。仕事なくなったらどうしよう

ajaxでのファイルアップロード

もう定番化しているかも知れないけど　ajaxに対応したファイルアップロード

インラインフレームを使用すると簡単に出来ます。

まずはアップロードするほうのHTMLファイルは以下のとおり！

<html>
<head>
　　　　
　　　　<script　type="text/javascript"　src="mootools/core.js"></script>
　　　　<script　type="text/javascript"　src="mootools/more.js"></script>

　　　　<script　type="text/javascript">
　　　　　　　function　GetFile(fname,　fsize){
　　　　　　　　　　　if(fname){
　　　　　　　　　　　　　　$("show").innerHTML　="ファイル名："+fname+"<br　/>ファイルサイズ："+fsize+"バイト<br　/>";
　　　　　　　　　　　}
　　　　　　　}
　　　　　　　window.addEvent('domready',　function(ev){
　　　　　　　　　　　$('now').innerHTML　=　(new　Date).toString();
　　　　　　　　　　　$('fileup_link').addEvent('click',function(event){
　　　　　　　　　　　　　　　event.stop();
　　　　　　　　　　　　　　　var　control　=　$("craft_fileupload_field");
　　　　　　　　　　　　　　　if(control　&&　control.focus){
　　　　　　　　　　　　　　　　　　　$("show").innerHTML　+=　"fire!　";
　　　　　　　　　　　　　　　}
　　　　　　　　　　　});
　　　　　　　　　　　var　fform　=　$('craft_fileupload_form');
　　　　　　　　　　　$('craft_upload_file').addEvent('change',function(event){
　　　　　　　　　　　　　　　fform.submit();
　　　　　　　　　　　});

　　　　　　　　　　　$('fileup_link').addEvent('click',function(event){
　　　　　　　　　　　　　　　event.stop();
　　　　　　　　　　　　　　　$('craft_upload_file').click();
　　　　　　　　　　　});
　　　　　　　　});
　　　　</script>

</head>
<body>
　　　　<div　id="now"></div>
　　　　<div>
　　　　　　　　<a　id="fileup_link"　href="craft/upload/field_name">ファイルアップロード</a>
　　　　</div>
　　　　<div　id="show"></div>
　　　　<hr　/>

　　　　<form　id="craft_fileupload_form"　onsubmit="return　false"
　　　　　　　　enctype="multipart/form-data"　method="post"
　　　　　　　　target="craft_fileupload_iframe"　accept-charset="utf-8"　action="./fileupload_iframe.php">
　　　　　　　　<input　type="file"　id="craft_upload_file"　name="uploadfile"　/>
　　　　</form>
　　　　<iframe　src="./fileupload_iframe.php"　name="craft_fileupload_iframe"　style="width:500px;height:100px;">
　　　　</iframe>
</body>
</html>

インラインフレームのPHPファイルは次のとおり

<?php
　　　　/*　ファイルを取得するPHPの何らかの処理　省略します！*/
　　　　
　　　　$file_exists　=　(bool)ファイルを取得できたかどうが

?><html>
<head>

　<meta　content="text/html;　charset=UTF-8"　http-equiv="content-type"　/>
　<script　type="text/javascript">
　　　function　setInfo(){
　　　　　　　　　　　　<?php　if($file_exists):　?>
　　　　　　　　　　　　window.parent.GetFile('<?php　echo　$fname;　?>',　<?php　echo　$fsize;　?>);

　　　　　　　　　　　　<?php　else:　?>
　　　　　　　　　　　　window.parent.GetFile();
　　　　　　　　　　　　<?php　endif;?>
　　　　　　　　　　　　document.getElementById('time').innerHTML　=　(new　Date).toString();
　　　　　　　　}
　　　　</script>
</head>
<body　onload="setInfo();">
<?php　
　　if($file_exists){
　　　echo　'ファイルをアップロードしました';
　　}else{
　　　echo　'ファイルをアップロードできませんでした';
　　}

?>
　<div　id="time"></div>
</body>
</html>

リンクをクリックするとファイルを選択するダイアログが出ます。
選択するとすぐにアップロード！
その結果を親フレームに通知します。

element.focus()のタイミング

小一時間はまったので記録

フォーム入力を受け付ける画面を、エンドユーザーに作成させる時の要望で
あらかじめフォーカスさせたい場合がある。

こんな時通常は、次のようにすれば良いとサイト紹介されている。

document.form1.field1.focus();
とか
document.forms[0].input[0].focus()
とか

しかし、今回はちょっと手ごわい、なぜならform1もfield1も不明。
しかもDOMはAjaxリクエストの結果で取得したもの
formの連番も不明
ただ単にclassにfocusが入っているものにフォーカスを行わなくてはいけない。

それでも簡単
window.addEvent('domready',function(){
　$$('#formID input.focus').each(function(el){
　　el.focus();
　});
});

で出来るはず！
ところが、まったく動作しない。

もちろん、el.focus();をボタンに割り当ててクリックするときちんと動作する
？？？なぜ？？？
実は上記のコード自体に問題はそれほど無かった。

答えは実行するタイミング
domreadyとなっているけど、フレームワークの中でほかにもdomreadyで
イベントを割り当てて、しかも上記のコードの後から実行していた。

その中でDOMの要素をつけたり足したりしてると、フォーカスの設定が無効になってしまうらしい。

focusを利用するときは、「DOMの操作が全て完了してからのタイミング」にしなくてはいけないみたいですね。

解決！