m2

Input Serializer

javascript bookmarklet

大量の input 要素を一旦文字列にして、Excel 等で編集した後にまた戻すというやつ。かなり手抜き。

とりあえず文字数制限のある IE 向けに作ったんで機能はかなりショボいです。textarea 等、input 要素でないものには未対応。タブや改行が値に含まれるものも未対応。

bookmarklet(440 chars):

改行付:

(function(w){
var d=(w||window).document,
    e=d.getElementsByTagName('input'),
    i=0,
    v=[],
    t=d.body.appendChild(d.createElement('textarea'));
  for(;i<e.length;i++){
    v.push(e[i].name+'\t'+e[i].value);
  }
  t.style.cssText='position:absolute;top:10px;left:10px;width:90%;height:500px';
  t.innerText=v.join('\n');
  t.ondblclick=function(){
    v=t.value.split(/\r?\n/g);
    for(i=0;i<e.length;i++){
      e[i].value=v[i].split('\t')[1]
    }
    t.parentNode.removeChild(t)
  }
})()

使い方

  1. ブックマークレットを実行するとページ上部に textarea が表示されます。中の文字列はページ内の input 要素の name プロパティと value プロパティをタブ区切りで列挙したものです。
  2. value の方を入力したい値に変更します。name とvalue はタブで区切ってあるので Excel 等の表計算ソフトに貼り付けるとやりやすいかと思います。
  3. textarea をダブルクリックすると変更した値が反映されます。

ページが frame の場合

一番最後の括弧に実行したいフレームの window オブジェクトを渡します。こんな感じ。

})(frames[2].frames[1])