#問題
名前を記入するフォームとそのフリガナを記入するフォームに関して、名前を入力したタイミングで自動的にフリガナ用フォームにフリガナが記入されるようにしたい。
①GitHubよりautokanaのコードを引っ張ってくる。アセットパイプライン下にautoKana.jsファイルを作成し、コピペする。
(私の場合/javascripts/shared 内)
②viewファイル作成
hoge.html.slim
= simple_form_for @hoge, url: hoge_path do |f|
#formタグにidをつける
= f.input :name, input_html:{id: 'name'}
= f.input :name_kana, input_html:{id: 'name_kana'}
③autokanaのメソッドを使用する旨を書いたjsファイル作成。
(私の場合/javascripts/pages/samples 内)
hoge.js
$(document).ready(
function() {
$.fn.autoKana('#name', '#name_kana', {
katakana : true //true:カタカナ、false:ひらがな(デフォルト)
});
});
できた。
(画面のキャプチャを動画でとる方法わからない)