フォームブリッジ左下に表示される回答ボタンを左上にも表示したい。どのようにしたら実現できるのか知りたい。
左下のボタンと同じボタンを左上にも配置したいが、CSSでこの程度の方法が限界か。もっとよい方法があれば、教えてください。
input {
background-color: #33cc99;
border-radius: 10%;
color: #FFFFFF;
border: solid 7px #33cc99;
width: 100px;
height: 35px;
}
input:hover {
background-color: #20b2aa;
border: solid 7px #20b2aa;
}
javascriptのソースコードは
ここ
(function() {
"use strict";
fb.events.form.mounted = [function (state) {
// フォームのコンテンツ部分の要素を取得します
var formContent = document.getElementsByClassName('fb-content')[0];
// ボタンを作成します
var submitButton = document.createElement('input');
submitButton.type = 'button';
submitButton.value = '✓ 回答';
// ボタンが押された際に現在のフォームを強制的に回答するように設定します
submitButton.onclick = fb.forceSubmitForm;
// 作成したボタンをフォームのコンテンツ部分の要素の先頭に追加します
formContent.insertBefore(submitButton, formContent.firstChild);
return state;
}];
})();
上記ソースに誤りがありました。
5行目
document.getElementsByClassName(‘fb-content’)[0]
↓
document.getElementsByClassName(‘form’)[0]
に訂正してください。