let reply_form_first_tr = document.querySelector("#reply form table tbody tr");
let tr_for_buttons = document.createElement("tr");
let td_for_buttons = document.createElement("td");
let button1 = document.createElement("a");
button1.setAttribute('href','#');
button1.style.setProperty("border","1px solid");
button1.style.setProperty("border-color","#eaeaea","important");
button1.style.setProperty("padding","1px 6px");
button1.style.setProperty("margin-right","2px");
button1.textContent = "image post link";
button1.onclick = function() {
let reply_box = document.getElementById("reply_box");
if(reply_box.textLength == 0) {
reply_box.value = "[post][/post]";
}
else
if(reply_box.selectionStart == reply_box.selectionEnd)
{
reply_box.value =
reply_box.value.substring(0, reply_box.selectionStart) +
"[post][/post]" +
reply_box.value.substring(reply_box.selectionStart, reply_box.textLength);
}
else {
reply_box.value =
reply_box.value.substring(0, reply_box.selectionStart) +
"[post]" +
reply_box.value.substring(reply_box.selectionStart, reply_box.selectionEnd) +
"[/post]" +
reply_box.value.substring(reply_box.selectionEnd, reply_box.textLength);
}
return false;
};
td_for_buttons.append(button1);
let button2 = document.createElement("a");
button2.setAttribute('href','#');
button2.style.setProperty("border","1px solid");
button2.style.setProperty("border-color","#eaeaea","important");
button2.style.setProperty("padding","1px 6px");
button2.style.setProperty("margin-right","2px");
button2.textContent = "forum link";
button2.onclick = function() {
let reply_box = document.getElementById("reply_box");
if(reply_box.textLength == 0) {
reply_box.value = "[forum][/forum]";
}
else
if(reply_box.selectionStart == reply_box.selectionEnd)
{
reply_box.value =
reply_box.value.substring(0, reply_box.selectionStart) +
"[forum][/forum]" +
reply_box.value.substring(reply_box.selectionStart, reply_box.textLength);
}
else {
reply_box.value =
reply_box.value.substring(0, reply_box.selectionStart) +
"[forum]" +
reply_box.value.substring(reply_box.selectionStart, reply_box.selectionEnd) +
"[/forum]" +
reply_box.value.substring(reply_box.selectionEnd, reply_box.textLength);
}
return false;
};
td_for_buttons.append(button2);
let button3 = document.createElement("a");
button3.setAttribute('href','#');
button3.style.setProperty("border","1px solid");
button3.style.setProperty("border-color","#eaeaea","important");
button3.style.setProperty("padding","1px 6px");
button3.style.setProperty("margin-right","2px");
button3.textContent = "forum post link";
button3.onclick = function() {
let reply_box = document.getElementById("reply_box");
if(reply_box.textLength == 0) {
reply_box.value = "[forump][/forump]";
}
else
if(reply_box.selectionStart == reply_box.selectionEnd)
{
reply_box.value =
reply_box.value.substring(0, reply_box.selectionStart) +
"[forump][/forump]" +
reply_box.value.substring(reply_box.selectionStart, reply_box.textLength);
}
else {
reply_box.value =
reply_box.value.substring(0, reply_box.selectionStart) +
"[forump]" +
reply_box.value.substring(reply_box.selectionStart, reply_box.selectionEnd) +
"[/forump]" +
reply_box.value.substring(reply_box.selectionEnd, reply_box.textLength);
}
return false;
};
td_for_buttons.append(button3);
let button4 = document.createElement("a");
button4.setAttribute('href','#');
button4.style.setProperty("border","1px solid");
button4.style.setProperty("border-color","#eaeaea","important");
button4.style.setProperty("padding","1px 6px");
button4.style.setProperty("margin-right","2px");
button4.textContent = "quote";
button4.onclick = function() {
let reply_box = document.getElementById("reply_box");
if(reply_box.textLength == 0) {
reply_box.value = "[quote][/quote]";
}
else
if(reply_box.selectionStart == reply_box.selectionEnd)
{
reply_box.value =
reply_box.value.substring(0, reply_box.selectionStart) +
"[quote][/quote]" +
reply_box.value.substring(reply_box.selectionStart, reply_box.textLength);
}
else {
reply_box.value =
reply_box.value.substring(0, reply_box.selectionStart) +
"[quote]" +
reply_box.value.substring(reply_box.selectionStart, reply_box.selectionEnd) +
"[/quote]" +
reply_box.value.substring(reply_box.selectionEnd, reply_box.textLength);
}
return false;
};
td_for_buttons.append(button4);
let button5 = document.createElement("a");
button5.setAttribute('href','#');
button5.style.setProperty("border","1px solid");
button5.style.setProperty("border-color","#eaeaea","important");
button5.style.setProperty("padding","1px 6px");
//button5.style.setProperty("margin-right","2px");
button5.textContent = "spoiler";
button5.onclick = function() {
let reply_box = document.getElementById("reply_box");
if(reply_box.textLength == 0) {
reply_box.value = "[spoiler][/spoiler]";
}
else
if(reply_box.selectionStart == reply_box.selectionEnd)
{
reply_box.value =
reply_box.value.substring(0, reply_box.selectionStart) +
"[spoiler][/spoiler]" +
reply_box.value.substring(reply_box.selectionStart, reply_box.textLength);
}
else {
reply_box.value =
reply_box.value.substring(0, reply_box.selectionStart) +
"[spoiler]" +
reply_box.value.substring(reply_box.selectionStart, reply_box.selectionEnd) +
"[/spoiler]" +
reply_box.value.substring(reply_box.selectionEnd, reply_box.textLength);
}
return false;
};
td_for_buttons.append(button5);
// let button6 = document.createElement("a");
// button6.setAttribute('href','#');
// button6.style.setProperty("border","1px solid");
// button6.style.setProperty("border-color","#eaeaea","important");
// button6.style.setProperty("padding","1px 6px");
// button6.textContent = "unused yet";
//button6.onclick = function() {
// return false;
//};
// td_for_buttons.append(button6);
tr_for_buttons.append(td_for_buttons);
reply_form_first_tr.after(tr_for_buttons);