こんにちは、なかしーです。
今日もWEB関連です。
見た目上、一つのFormっぽいけど写真Upを即時でやりたかったからDropzoneを埋め込みたーい!という要件が合ったわけです。
(まぁ、他にもやり方合ったんでしょうが、いいんです。今は。)
Dropzone君は中で別途Formを持つ為、Formの入れ子になってうまく動かない。
だからFormの外に出してあげないといけない。でもSubmitボタンの上に置きたい。。。
まぁそういう気持ちに駆られたわけです。
それで、初めて知ったんですが、Submitって外に出せるんです。しかも幾つもの方法で。
今までそんな事考えても見なかったので、勉強になりました。見たら当たり前っちゃ当たり前なんですがね。
おなじみStackoverflowさんの投稿です。
http://stackoverflow.com/questions/7020659/submit-form-using-a-button-outside-the-form-tag
幾つか実装方法紹介されてますが、一番楽に出来るform要素(HTML5の機能)を使って実装してみました。
動かない(古い)ブラウザもあるかもですが、とりあえずスマホで動けばいいので良しとする!
では