####前提・実現したいこと
ブックマークアプリの製作途中で、URLを入力した際にTitleを自動補完したいと思っています。
また、URL入力前にはtitleの入力を禁止し、自動補完->編集可という流れにしたいと考えています。
####モデル
model
1bookmark title:string url:string folder_id:integer 2folder name:string tab_id:integer 3tab name:string
####試したこと
title情報の取得はMechanizeというgemを使って
@agent = Mechanize.new @page = @agent.get(bookmark.url) @elements = @page.at('title').inner_text
で取得することができました。今はbookmarkのcontroller内に記述しています。
######入力フォーム(modal使用)
html
1<div class="modal-dialog"> 2 <div class="modal-content"> 3 <%= simple_form_for(Bookmark.new, remote: true) do |f| %> 4 <div class="form-inputs"> 5 <%= f.input :url %> 6 <%= f.input :title, readonly: true %> 7 <%= f.association :folder, as: :radio_buttons %> 8 <div class="form-actions"> 9 <%= f.button :submit %> 10 </div> 11 </div> 12 <% end %> 13 </div> 14</div>
######bookmark.js
js
1$(function() { 2 //url入力後title入力可 3 $("#bookmark_url").keyup(function(){ 4 $("#bookmark_title").attr("readonly", false); 5 }); 6});
とりあえずurlの入力をした際にtitleのフォームからreadonlyを取り除こうとしていたのですが、うまく動作してくれません。
この原因を教えていただきたいです。
自動入力のコードに付いて、イマイチデータの持って行き方がわからず、JQueryにコントローラーで取得した@elementsの値をJQueryに持っていく方法がわかりません。考えてみたコードのイメージは、およそこのような感じなのですが助言をお願いします。
$(funtion() { $('input[name="bookmark[url]"]').keyup(function(){ //自動入力実行 @elementsの値はどうやって持ってくる? }); });
よろしくお願いします。
あなたの回答
tips
プレビュー