FormData オブジェクトの利用ここにドンズバのことが書いてあって有り難いです。非常に便利っぽいですね。 var fd = new FormData(document.getElementById("form_data")); このfdを渡してAjaxでやったらできた。いやーよかったよかった簡単で。 jqueryでや…

参考：http://api.jqueryui.com/sortable/#method-serialize ここで、item_1、item_2といった感じで連番ふるよといいましたが、どちらかというと並び替えの場合、並び替え対象でDBのIDで管理しないといけないと思いますので、item_idという感じにした方がよ…

firefoxはFormの入力内容を勝手ながら保存してくれます。便利なときもあれば不便なときもあります。 disabledをjavascriptで動的に設定した場合は不便です。 入力内容を覚えておいておかないようにするか、javascriptで、Firefoxのために初期化(disabledを外…

HTML要素をドラッグアンドドロップで移動して、並び順を変更したい。 今知りましたが、sortabaleというドンピシャの機能があるんですねえ。ちなみに、ドットインストールにも載ってました。 $(function(){ $('#sortable').sortable(); }); cursor:'move'でカ…

セキュリティ的にかなり便利なようで、javascriptでフォーム書き換えしたりbackボタン使ったりできなくなるのはいいですが、そのかわりかなりBlackholeにはまります。 参考サイト： Cakephp2.xでのBlackHoleまとめ [CakePHP2] Security Component を使って S…

function num_only(t, limit){ t.value = t.value.replace(/[^0-9]+/gi,''); if(limit){ t.value = t.value.substring(0, limit); } } <input type="text" onkeyup="num_only(this, 3);"> limitは、入力可能な最大文字数

http://www.jacklmoore.com/autosize/ $(document).ready(function(){ $('textarea').autosize(); }); これだけで自動拡張してくれる。便利。

３回目から動かなくなったのでメモ <script> function all_select(){ if($(".all_select:checked").val()){ $('.delete_checkbox').prop('checked', true); }else{ $(".delete_checkbox").attr("checked", false); } } </script>

http://www.ajaxload.info/ http://loadergenerator.com/

http://jsbeautifier.org/

デスクトップからブラウザにファイルをドロップできるようにしたい。 参考 Reading files in JavaScript using the File APIs Drag and DropとFile APIを試す はまちーのにっき。 File APIと、FormDataというのを使った。ちょっとごちゃごちゃしてるけど、do…

Jsヘルパー使ってAjaxなフォームをビューでつくる コントローラーで処理してAjax用ビューに渡す Ajax用ビューを表示先の要素に表示する 以上でございます。 Ajaxなビュー Form->create('JobFile',array('type'=>'file'));?> <table> <tr><td>送受信タイプ</td><td>Form->input('type'</td></tr></table>…

Js->submit('登録',array('update'=>'.add_result','url'=>'/vendors/add', 'with'=>'#add_form','class'=>'btn btn-primary'));?> Js->writeBuffer(array('inline'=>false));?> updateが、かえってきた内容の表示先。withは、対象formの指定。 これで、コン…

<button onclick="location.href='<?php echo $this->html->url('/buildings/add/' . $customer_id);?>';">物件追加</button>

はまりにはまったができた。 コントローラー class CustomersController extends AppController { public $components = array('RequestHandler'); public $helpers = array('Js','Paginator'); public $paginate = array( 'limit' => 5, 'order' => array( …

$(function(){ //追加と検索の表示切替 $('.add_btn').click(function(){ $('#add').toggleClass('none'); $('#result').toggleClass('none'); }); //追加の登録ボタンを押したとき→登録処理 $('.put_btn').click(function(){ put_customer(); return false;…

コールセンターの必要席数を試算するときに、アーランを使う場合と使わない場合があると思います。 アーランを使う場合と使わない場合とで必要席数が大きく異なる場合、アーランを使わない場合に利用されている稼働率という指標を適当に設定しているケースが…

date関数は、getYearすると、1900年からの差分を返すようです。とほほにはブラウザによって変わると書いてあるが、Chromeは少なくともそうなっていますし、アンドロイド＆titaniumもそうなようです。 setYearをdd.setYear(dd.getYear()+1);といった形でやる…

ついに腰を据えてとりあえずTitaniumをやることに決めました。iPhoneでもAndroidでもアプリをJavascriptベースで作れるもので、Phonegapとかよりも速いらしい。Appcelerator Cloud Services(ACS)というBaasを自社で持っているため、Titaniumとの連動性が高い…

ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」で知った、gmaps.jsを使ってみます。 まずここで、ダウンロードします。ソースコードをコピペしてgmaps.jsを作成しました。ところで、google map APIはあまり使ったことがないので、とりあえず…

アーランC式は下記になります。 アーランC式はこのページのように、別の計算方法もありまして、別の方法だと待ち時間をインプットするようですが、上記の式は待ち時間のインプット不要バージョンです。アーランC式がなぜこのような式になるのかは全然分かり…

jQueryを使ってボタンを親要素の高さの真ん中に配置したいと思います。単純なことですが、ちょっとはまったので、切り出して試しました。cssでheightを100%にするの忘れてたり、jQueryでtopを設定するときに'px'の２文字を入れ忘れたりしていただけでしたが…

jQueryとCSS3を使ったサイトのサンプルを作ってみました。 jQueryをちょっとばかにしてたけどかなり色々できて面白い。スマホだとIE対応等の為に重くなっているらしいので、もっと軽いjQueryみたいなやつが沢山でているそうです。同じような使い方であること…

非常に簡単な話ですがメモ。大体jQueryも分かってきたのですが、cssの設定方法などもいくつかパターンがあるようで、あとbackground-colorという記載が通常のcssの表記法だと思うのですが、jQueryの場合は、backgroundColorだったりしてなんかややこしい。多…

window.location.search.substringで取得できる。 取得したものは正規表現やsplitで必要なところを取り出す必要がある。 下記はidがキーのパラメータの値（数字）を取り出す様。 var query = window.location.search.substring(1); if(query.match(/id=(d+)/…

『この世で一番おもしろいミクロ経済学』を読んだ。超分かり易かった。ただ広く浅くで超概要しかわからない。 サンクコスト（sunk cost） サンクコストは埋没費用ともよばれ、すでに投資済みのコストのことをいいます。あるいはすでにやってしまったことをい…

See the Pen Collision animation between circles by edo1z (@edo1z) on CodePen.

RequestHandler ★RequestHandlerコンポーネント★ RequestHandlerコンポーネントを使うと、クライアントの状態をチェックできる。GETによるアクセスなのか、POSTによるアクセスなのか、Ajaxによるアクセスなのか、などが分かる。 RequestHandlerを使うには、…

線分と線分の交差判定をしたい。線分abと線分cdの交差判定をすることにしよう。交差判定には直線の方程式を使う。直線は、y=ax+bといった形になる。この直線よりも上に線分の一方の点があり、もう一方の点がこの直線よりも下にあればそれは、この直線と線分…

点が長方形の内側にあるか否かをチェックするには、外積を使えばよい。 ある長方形(10,10),(30,10),(30,30),(10,30)と、ある点(20,20)があるとしよう。このある点がある長方形の内側にあるのか外側にあるのかを判定したい。このような長方形であれば、外積を…