// ページが読み込まれたときに行われる
window.onload = function () {
Takoceimgpanel();
};
function Takoceimgpanel() {
// 新しい checkbox 要素を作成
var TakoCEbtn = document.createElement("input");
TakoCEbtn.type = "checkbox";
TakoCEbtn.id = "tako_emoji";
var TakoIMGbtn = document.createElement("input");
TakoIMGbtn.type = "checkbox";
TakoIMGbtn.id = "tako_img";
// 新しい label 要素を作成
var TakoCElabel = document.createElement("label");
TakoCElabel.htmlFor = "tako_emoji";
TakoCElabel.appendChild(document.createTextNode("絵文字")); // ラベルに表示される文字
var TakoIMGlabel = document.createElement("label");
TakoIMGlabel.htmlFor = "tako_img";
TakoIMGlabel.appendChild(document.createTextNode("画像")); // ラベルに表示される文字
// body 要素に新しい checkbox 要素を追加
document.body.appendChild(TakoCEbtn);
document.body.appendChild(TakoIMGbtn);
// label をまとめる div を作成
var TakoLabelbtn = document.createElement("div");
TakoLabelbtn.className = "tako_label-btn";
// label を追加
TakoLabelbtn.appendChild(TakoCElabel);
TakoLabelbtn.appendChild(TakoIMGlabel);
document.body.appendChild(TakoLabelbtn);
// 実際に表示するゾーンとして新しい div 要素を作成
var TakoCEpanel = document.createElement("div");
TakoCEpanel.className = "tako_cepanel";
var TakoIMGpanel = document.createElement("div");
TakoIMGpanel.className = "tako_imgpanel";
// 新しい iframe 要素を作成
var CEiframe = document.createElement("iframe");
CEiframe.src = "?mode=admin&work=cemoji";
CEiframe.frameBorder = "0";
var IMGiframe = document.createElement("iframe");
IMGiframe.src = "?mode=admin&work=images";
IMGiframe.frameBorder = "0";
// div 要素に iframe 要素を追加
TakoCEpanel.appendChild(CEiframe);
TakoIMGpanel.appendChild(IMGiframe);
// body 要素に新しい div 要素を挿入
document.body.appendChild(TakoCEpanel);
document.body.appendChild(TakoIMGpanel);
}