ドグサレ初心者のへっぽこビッグウェーブ

地球の底辺にいるゴミがプログラミングとか音楽とかを語るクソブログ

尼晒し上げワロタ

最近amazarashi聞いてる。

www.youtube.com


今日も引き続きcheckboxの改良。

これまでのあらすじ
  • checkboxがいけてないのでイケてるしヤバいデザインに変更する(参考
    • またスペルミスしてた。"-(ハイフン)"を"_(アンダーバー)"で書くというゴミ具合
    • input部分にうまくクラスを当てられていない。。。もぅマヂ無理。。。
  • 関数呼び出しはできたけど表示されんのう。
  • 全然解決できそうにないので違う方法を模索しよう。 → 模索できなかったので戻ってくる。
  • よく読んだらCSSじゃなくて画像表示してんじゃねえかこのやろう!! → 画像を拝借。
    • で、画像はどこにおきゃいいんだ
  • 使おうとしているCSSが「idつきでinput」->「直後にfor付きのlabel呼び出し」なんだけど、それを既存のbootstrapに適用する方法がわからん。
config.wrappers :horizontal_radio_and_checkboxes, tag: 'div', class: 'form-group', error_class: 'has-error' do |b|
  b.use :html5
  b.optional :readonly

  b.use :label, class: 'col-sm-3 control-label'

  b.wrapper tag: 'div', class: 'col-sm-9' do |ba|
    ba.use :input
    ba.use :error, wrap_with: { tag: 'span', class: 'help-block' }
    ba.use :hint,  wrap_with: { tag: 'p', class: 'help-block' }
  end
end

↓html

<div class="form-group boolean optional girl_shoot">
 <label class="boolean optional col-sm-3 control-label" for="girl_shoot">シュート</label>
 <div class="col-sm-9">
  <input value="0" type="hidden" name="girl[shoot]" />
  <label>
    <input class="boolean optional" type="checkbox" value="1" name="girl[shoot]" id="girl_shoot" />
  </label>
 </div>
</div>

どこにいれればいいんだ。どうやってもうまくいかない。。。


【結論】
たかが チェックボックス1つに まじに なっちゃって どーすんの

__ 
    ̄ ̄ ̄二二ニ=- 
'''''""" ̄ ̄ 
           -=ニニニニ=- 


                          /⌒ヽ   _,,-''" 
                       _  ,(^ω^ ) ,-''";  ;, 
                         / ,_O_,,-''"'; ', :' ;; ;,' 
                     (.゛ー'''", ;,; ' ; ;;  ':  ,' 
                   _,,-','", ;: ' ; :, ': ,:    :'  ┼ヽ  -|r‐、. レ | 
                _,,-','", ;: ' ; :, ': ,:    :'     d⌒) ./| _ノ  __ノ