開発時のフォームの自動入力!!!!(osxでRoboFormが動きませんが、、、、filling form)
Webアプリを開発している際、たくさん入力フォームのあるページにデータを入れてると鬱になりませんか??
はい、なります。
新しいWebアプリを開発をしたところで、いつも使う属性値であれば大抵同じ名前なんだから勝手に値を補完してくれてOK、勝手にやってくれと思い立ち久しぶりにロボフォームってやつをFireFoxにいれてちょっとでも楽してやろうと思い色々やってみたんだけどOSXのFireFoxにはロボフォームが入りません、、、、。じゃぁということで他のプラグインを見てみたんだけどLastPassとかも微妙、、、。 じゃぁGreasemonkeyを使ってごにょごにょ、、、めんどくさいよママン。なので、もっとも敷居の低いブックマークレットで対応。ブックマークToolbarに登録しておけばワンクリックだしね!!
javascript:(function(){ var ar = new Array( new Array("name01","元橋"), new Array("name02","実留久"), new Array("kana01","モトハシ"), new Array("kana02","ミルク"), new Array("tel01","03-1234-5678"), new Array("pref","東京都"), new Array("addr01","品川区白金ーぜ2-3-4"), new Array("addr02","ハイソマンション101号室"), new Array("message","よきにはからえ"), new Array("zip01","141"), new Array("zip02","1234") ); for (var i = 0; i < document.forms.length; i++) { for (var j = 0; j < document.forms[i].length; j++) { if (! document.forms[i][j].value && document.forms[i][j].type == 'text') { for(var k = 0;k<ar.length;k++){ if(document.forms[i][j].name.search(ar[k][0]) >= 0){ void(document.forms[i][j].value = ar[k][1]); } } } if (document.forms[i][j].type=='select-one') { for (var k=0; k < document.forms[i][j].options.length; k++){ var num=0; if( document.forms[i][j].options[k].disabled == false ){ num = k; break; } } void(document.forms[i][j].selectedIndex = num); }else if (document.forms[i][j].type=='checkbox') { void(document.forms[i][j].checked = true); }else if (document.forms[i][j].type=='radio') { void(document.forms[i][j].checked = true);} } } } )();
javascriptはすげぇシロウトなんでコードに関してはひらにご容赦で
以下をある場所に差し込めば空ならはフォームのnameを入れちゃうようにすることも可能
if (! document.forms[i][j].value) { void(document.forms[i][j].value = document.forms[i][j].name); }