以下の HTML ソースをテキストエディタにコピペして保存すると、できあがり。
'; // 各フォームのモジュール。このソースをつなぎ合わせる。 var Form_GoogleWebSearch = '\n\n'; var Form_GoogleImageSearch = '\n\n'; var Form_YahooDirectory = '\n\n'; var Form_YahooAuction = '\n\n'; var Form_GooDictionary = '\n\n'; var Form_WDic = '\n\n'; var Form_ShoutCastStreaming = '\n\n'; var Form_WayBackMachine = '\n\n'; var Form_AmikaiTranslation = '\n\n'; var Form_Mapion = '\n\n'; var Form_AnotherHTMLLint = '\n\n'; var Form_2chKensaku = '\n\n'; var Form_IPDomainSearch = '\n\n'; // スタイル var Style_Header = ' \n'; var Style_CommonStyle = ' body { font-size:12px; margin:0; }\n form, fieldset, legend { border:0; padding:0; margin:0; }\n legend { float:left; padding-right:1em; line-height:1.6; }\n p { clear:left; margin:0 0 0 0.2em; text-align:center; }\n p.settings { float:left; clear:none; white-space:nowrap; text-align:left; }\n select, small { font-size:90%; }\n select { height:1.4em; margin:0.2em 0; }\n select.extraoption { width:1.8em; }\n .text { width:78% !important; }\n .submit { width:12%; }\n label { margin-top:0.2em; }\n'; var Style_ColdColor = '\n body { color:#111; background-color:#ABD;}\n form { border:2px solid #BCE; border-bottom-width:0; padding:1px; margin:2px;}\n fieldset {margin:0;}\n select { border:0; color:#000; background-color:#BCE;}\n .submit { color:#333; background-color:#FFF;}\n .submit:active { color:#333; background-color:#CCC;}\n label input { color:#111; background-color:#ABD;}\n\n a:link { color:#039; background-color:transparent; text-decoration:none;}\n a:hover,a:active { text-decoration:underline;}\n a:visited { color:#346; background-color:transparent; text-decoration:none;}\n'; var Style_FlatGray = '\n body { color:#111; background-color:#CCC; }\n form { border:1px solid #666;margin:4px; }\n fieldset { margin:3px 2px;}\n select { border:1px inset #999; color:#333; background-color:#DDD; }\n .text { border:1px inset #BBB; }\n .submit { color:#000; background-color:#CCC; }\n .submit:active { color:#333; background-color:#999; }\n label input { color:#111; background-color:#CCC; }\n '; var Style_Output = ' body { color:#111; background-color:#FFF; margin:0;}\n pre { color:#111; background-color:#DED; padding:1em; margin:0; }\n p { padding:0.3em; margin:0.3em; }\n'; function favoriteForms(jsAction) { // スタイルを組み立てる var MyStyle = Style_Header + Style_CommonStyle ; if (document.forms[0].formsStyle[0].checked == true) { var MyStyle = MyStyle + Style_ColdColor ; } else if (document.forms[0].formsStyle[1].checked == true) { var MyStyle = MyStyle + Style_FlatGray ; } else if (document.forms[0].formsStyle[2].checked == true) { var MyStyle = MyStyle ; } var MyStyle = MyStyle + Style_Footer ; // ソースを組み立てる var createdSource = HTMLHeader + MyStyle + HTMLHeadToBody ; if (document.forms[0].GoogleWeb.checked == true) { var createdSource = createdSource + Form_GoogleWebSearch ; } if (document.forms[0].GoogleImage.checked == true) { var createdSource = createdSource + Form_GoogleImageSearch ; } if (document.forms[0].YahooDirectory.checked == true) { var createdSource = createdSource + Form_YahooDirectory ; } if (document.forms[0].YahooAuction.checked == true) { var createdSource = createdSource + Form_YahooAuction ; } if (document.forms[0].GooDic.checked == true) { var createdSource = createdSource + Form_GooDictionary ; } if (document.forms[0].WDic.checked == true) { var createdSource = createdSource + Form_WDic ; } if (document.forms[0].ShoutCast.checked == true) { var createdSource = createdSource + Form_ShoutCastStreaming ; } if (document.forms[0].WaybackMachine.checked == true) { var createdSource = createdSource + Form_WayBackMachine ; } if (document.forms[0].AmiWeb.checked == true) { var createdSource = createdSource + Form_AmikaiTranslation ; } if (document.forms[0].Mapion.checked == true) { var createdSource = createdSource + Form_Mapion ; } if (document.forms[0].NichanKensaku.checked == true) { var createdSource = createdSource + Form_2chKensaku ; } if (document.forms[0].AnotherHTMLLint.checked == true) { var createdSource = createdSource + Form_AnotherHTMLLint ; } if (document.forms[0].IPDomainSearch.checked == true) { var createdSource = createdSource + Form_IPDomainSearch ; } var createdSource = createdSource + HTMLFooter; // プレビューボタンとソース出力ボタン、どっち押されたかによって実行を分岐 if (jsAction == 'preview') { var PreviewWindow = window.open('about:blank','FormsPreview','height=400,width=220'); PreviewWindow.document.write(createdSource); PreviewWindow.document.title = 'Forms のプレビュー'; } else { var SourceOutputWindow = window.open('about:blank','FormsSource','height=400,width=500'); SourceOutputWindow.document.write( HTMLHeader + Style_Header + Style_Output + Style_Footer + HTMLHeadToBody + HTMLUsage + '' + HTMLToEntity(createdSource) + '' + HTMLFooter ); SourceOutputWindow.document.title = 'Forms のソース'; } } // HTMLをソースとして表示するために、特殊な文字を実体参照に変換。 function HTMLToEntity(HTMLCode) { var HTMLCode = HTMLCode.split('<'); var HTMLCode = HTMLCode.join('<'); var HTMLCode = HTMLCode.split('>'); var HTMLCode = HTMLCode.join('>'); var HTMLCode = HTMLCode.split('\t'); var HTMLCode = HTMLCode.join(' ') var HTMLCode = HTMLCode.split('!-- '); var HTMLCode = HTMLCode.join('!-- ') var HTMLCode = HTMLCode.split(' --'); var HTMLCode = HTMLCode.join(' --') return(HTMLCode); }