ほぼ完全自動アク禁ブックマークレット2

by Awn 2017-01-07 [2017/01/07 19:39:10]

@@ -61,7 +61,7 @@
         form.setAttribute("name", "fm_autoAku");
         form.setAttribute("id", "fm_autoAku");
         form.setAttribute("style", "display:none;");
-        form.innerHTML = '<fieldset><legend>自動アク禁投稿で使用する名前とmailと本文</legend><label>名前：<input type="text" size="40" name="autoAku_defaultName" placeholder="(省略化)自動アク禁用の名前"></label><br><label>mail：<input type="text" size="40" name="autoAku_defaultMail" placeholder="(省略化)自動アク禁用のmail"></label><br><textarea rows="5" cols="56" name="autoAku_defaultText" placeholder="(省略可)ここに書いたメッセージに!aku42といったアク禁コマンドが自動で足されます。"></textarea></fieldset><fieldset><legend>自動アク禁キーワード設定</legend><label>アク禁ワード↓<br><textarea rows="5" cols="56" name="autoAku_words" placeholder="改行区切りで入力"></textarea><br></label><label>アク禁ネーム↓<br><textarea rows="5" cols="56" name="autoAku_names" placeholder="改行区切りで入力"></textarea><br></label><label>アク禁メール↓<br><textarea rows="5" cols="56" name="autoAku_mails" placeholder="改行区切りで入力"></textarea><br></label><label>アク禁id↓<br><textarea rows="5" cols="56" name="autoAku_ids" placeholder="改行区切りで入力"></textarea><br></label></fieldset><fieldset><legend>その他の設定</legend>投稿間隔でアク禁：<input type="radio" name="enableSpeedLimit" value="OFF" checked>OFF<input type="radio" name="enableSpeedLimit" value="ON">ON<span id="field_speedLimit" style="display:none;"><input type="number" size="10" min="1" max="3600" name="autoAku_speedLimit" value="1">秒未満の間隔で投稿するidをアク禁する</span><br>正規表現を利用する：<input type="radio" name="enableRegexp" value="OFF" checked>OFF<input type="radio" name="enableRegexp" value="ON">ON<br>アク禁を実行する　：<input type="radio" name="enableAkukin" value="OFF" checked>OFF<input type="radio" name="enableAkukin" value="ON">ON</fieldset><input type="button" id="b_autoAkuSave" name="b_autoAkuSave" value="アク禁設定を保存する">';
+        form.innerHTML = '<fieldset><legend>自動アク禁投稿で使用する名前とmailと本文</legend><label>名前：<input type="text" size="40" name="autoAku_defaultName" placeholder="(省略化)自動アク禁用の名前"></label><br><label>mail：<input type="text" size="40" name="autoAku_defaultMail" placeholder="(省略化)自動アク禁用のmail"></label><br><textarea rows="5" cols="56" name="autoAku_defaultText" placeholder="(省略可)ここに書いたメッセージに!aku42といったアク禁コマンドが自動で足されます。"></textarea></fieldset><fieldset><legend>自動アク禁キーワード設定</legend><label>アク禁ワード↓<br><textarea rows="5" cols="56" name="autoAku_words" placeholder="改行区切りで入力"></textarea><br></label><label>アク禁ネーム↓<br><textarea rows="5" cols="56" name="autoAku_names" placeholder="改行区切りで入力"></textarea><br></label><label>アク禁メール↓<br><textarea rows="5" cols="56" name="autoAku_mails" placeholder="改行区切りで入力"></textarea><br></label><label>アク禁id↓<br><textarea rows="5" cols="56" name="autoAku_ids" placeholder="改行区切りで入力"></textarea><br></label></fieldset><fieldset><legend>その他の設定</legend>投稿間隔でアク禁：<input type="radio" name="enableSpeedLimit" value="OFF" checked>OFF<input type="radio" name="enableSpeedLimit" value="ON">ON<span id="field_speedLimit" style="display:none;"><input type="number" size="10" min="1" max="3600" name="autoAku_speedLimit" value="1">秒未満の間隔で投稿するidをアク禁する</span><br>正規表現を利用する：<input type="radio" name="enableRegexp" value="OFF" checked>OFF<input type="radio" name="enableRegexp" value="ON">ON<br>アク禁を実行する　：<input type="radio" name="enableAkukin" value="OFF" checked>OFF<input type="radio" name="enableAkukin" value="ON">ON</fieldset><input type="button" id="b_autoAkuSave" name="b_autoAkuSave" value="アク禁設定を保存する"><span id="autoAku_message" style="color:red;"></span>';
         document.body.appendChild(section);
         section.appendChild(form);
 
@@ -127,11 +127,17 @@
     function SaveBtnEventListener() {
         let elm = document.querySelector("#b_autoAkuSave");
         elm.addEventListener("click", function(ev) {
-            let fd = new FormData(ev.target.form);
+            let form = ev.target.form;
+            let fd = new FormData(form);
             for (let [key, value] of fd) {
                 _form[key] = value;
                 _setStorage(key, value);
             }
+
+            let message = document.querySelector("#autoAku_message");
+            message.textContent = "保存しますた！";
+            setTimeout(() => { message.textContent = "" }, 1000);
+
         });
     }
 
@@ -144,6 +150,7 @@
                 for (let [key, value] of fd) {
                     _removeStorage(key);
                 }
+
                 form.reset();
                 let target = document.querySelector("#field_speedLimit");
                 target.setAttribute("style", "display:none;");

• /*
   * @title ほぼ完全自動アク禁ブックマークレット2
   * @include http://*.open2ch.net
   * @license MIT License
   */
  //作った人: Awn
  
  let osirase = "【ほぼ完全自動アク禁ブックマークレット2】\n\nまだ完成していません＞＜";
  alert(osirase);
  
  (function() {
      //class
      class MutationListener {
          constructor(f) {
              this.target = document.querySelector("div.thread");
              this.option = { childList: true };
              this.mo = new MutationObserver(f);
          }
  
          start() {
              this.mo.observe(this.target, this.option);
          }
  
          stop() {
              this.mo.disconnect();
          }
      }
  
  
      //member
      let _mo;
      let _form = {};
  
  
      //initializer
      _init();
  
  
      //function
      function _init() {
          _embedForm();
          _setupForm();
          _assignEventListener();
          _mo = new MutationListener(_execAkukin);
          _mo.start();
      }
  
      function _assignEventListener() {
          ShowBtnEventListener();
          SaveBtnEventListener();
          DeleteBtnEventListener();
          SpeedLimitRadioBtnEventListener();
      }
  
      function _embedForm() {
          let section = document.createElement("section");
          section.setAttribute("id", "autoAkuSection");
          section.innerHTML = '<hr><h2 style="color:red;">自動アク禁設定</h2><input type="button" name="b_autoAkuShow" id="b_autoAkuShow" value="開く"> <input type="button" name="b_autoAkuDelete" id="b_autoAkuDelete" value="データを全て消す">';
  
          let form = document.createElement("form");
          form.setAttribute("name", "fm_autoAku");
          form.setAttribute("id", "fm_autoAku");
          form.setAttribute("style", "display:none;");
          form.innerHTML = '<fieldset><legend>自動アク禁投稿で使用する名前とmailと本文</legend><label>名前：<input type="text" size="40" name="autoAku_defaultName" placeholder="(省略化)自動アク禁用の名前"></label><br><label>mail：<input type="text" size="40" name="autoAku_defaultMail" placeholder="(省略化)自動アク禁用のmail"></label><br><textarea rows="5" cols="56" name="autoAku_defaultText" placeholder="(省略可)ここに書いたメッセージに!aku42といったアク禁コマンドが自動で足されます。"></textarea></fieldset><fieldset><legend>自動アク禁キーワード設定</legend><label>アク禁ワード↓<br><textarea rows="5" cols="56" name="autoAku_words" placeholder="改行区切りで入力"></textarea><br></label><label>アク禁ネーム↓<br><textarea rows="5" cols="56" name="autoAku_names" placeholder="改行区切りで入力"></textarea><br></label><label>アク禁メール↓<br><textarea rows="5" cols="56" name="autoAku_mails" placeholder="改行区切りで入力"></textarea><br></label><label>アク禁id↓<br><textarea rows="5" cols="56" name="autoAku_ids" placeholder="改行区切りで入力"></textarea><br></label></fieldset><fieldset><legend>その他の設定</legend>投稿間隔でアク禁：<input type="radio" name="enableSpeedLimit" value="OFF" checked>OFF<input type="radio" name="enableSpeedLimit" value="ON">ON<span id="field_speedLimit" style="display:none;"><input type="number" size="10" min="1" max="3600" name="autoAku_speedLimit" value="1">秒未満の間隔で投稿するidをアク禁する</span><br>正規表現を利用する：<input type="radio" name="enableRegexp" value="OFF" checked>OFF<input type="radio" name="enableRegexp" value="ON">ON<br>アク禁を実行する　：<input type="radio" name="enableAkukin" value="OFF" checked>OFF<input type="radio" name="enableAkukin" value="ON">ON</fieldset><input type="button" id="b_autoAkuSave" name="b_autoAkuSave" value="アク禁設定を保存する"><span id="autoAku_message" style="color:red;"></span>';
          document.body.appendChild(section);
          section.appendChild(form);
  
          return;
      }
  
      /*
          //note: この関数必要？
          function _getForm() {
              let fd = new FormData(document.forms["fm_autoAku"]);
              let obj = {};
              for (let [key, value] of fd) {
                  obj[key] = value;
              }
              return obj;
          }
      */
  
      function _setupForm() {
          let form = document.forms["fm_autoAku"];
          let fd = new FormData(form);
          let temp;
          for (let [key, value] of fd) {
              temp = _getStorage(key);
              _form[key] = temp;
              form[key].value = temp;
          }
  
          if (_form["enableSpeedLimit"] === "ON") {
              let target = document.querySelector("#field_speedLimit");
              target.setAttribute("style", "display:inline;");
          }
      }
  
      function _execAkukin(record) {
          let dl = record[0].addedNodes[0];
          //note: dlの中にdt, ddは１組以上含まれる可能性がある
          let dts = dl.querySelectorAll("dt");
          let dds = dl.querySelectorAll("dd");
          console.dir(dts);
          console.dir(dds);
          console.dir(_form);
          return;
      }
  
  
      /* Event Listener */
      function ShowBtnEventListener() {
          let elm = document.querySelector("#b_autoAkuShow");
          elm.addEventListener("click", function(ev) {
              let form = document.forms["fm_autoAku"];
              let style = form.getAttribute("style");
              if (style.includes("none")) {
                  form.setAttribute("style", "display:block;");
                  elm.value = "開じる";
              } else {
                  form.setAttribute("style", "display:none;");
                  elm.value = "開く";
              }
          });
      }
  
      function SaveBtnEventListener() {
          let elm = document.querySelector("#b_autoAkuSave");
          elm.addEventListener("click", function(ev) {
              let form = ev.target.form;
              let fd = new FormData(form);
              for (let [key, value] of fd) {
                  _form[key] = value;
                  _setStorage(key, value);
              }
  
              let message = document.querySelector("#autoAku_message");
              message.textContent = "保存しますた！";
              setTimeout(() => { message.textContent = "" }, 1000);
  
          });
      }
  
      function DeleteBtnEventListener() {
          let elm = document.querySelector("#b_autoAkuDelete");
          elm.addEventListener("click", function(ev) {
              if (confirm("消しますか？")) {
                  let form = document.forms["fm_autoAku"];
                  let fd = new FormData(form);
                  for (let [key, value] of fd) {
                      _removeStorage(key);
                  }
  
                  form.reset();
                  let target = document.querySelector("#field_speedLimit");
                  target.setAttribute("style", "display:none;");
              }
          });
      }
  
      function SpeedLimitRadioBtnEventListener() {
          let limit_on = document.querySelector("input[type='radio'][name='enableSpeedLimit'][value='ON']");
          let limit_off = document.querySelector("input[type='radio'][name='enableSpeedLimit'][value='OFF']");
          let target = document.querySelector("#field_speedLimit");
          limit_on.addEventListener("click", function(ev) {
              target.setAttribute("style", "display:inline;");
          });
          limit_off.addEventListener("click", function(ev) {
              target.setAttribute("style", "display:none;");
          });
      }
  
  
      /* wrapper function */
      function _getStorage(key) {
          return localStorage.getItem(key);
      }
  
      function _setStorage(key, val) {
          localStorage.setItem(key, val);
      }
  
      function _removeStorage(key) {
          return localStorage.removeItem(key);
      }
  
      return;
  })();

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。