NO.130 ウィンドウ応用⑩

簡易HTMLビルダー

ユーザーが入力したHTMLのソースを新しいウィンドウ、もしくはフレームで開きます。
どちらの場合もwindow.open();の後にdocument.write(ソース)を使って書き出しています。
サイト開発はちょっと荷が重いかもしれませんが、少しタグを試してみたい時なんかは使えると思います。

実行例

ソース

<script type=text/javascript>
<!--
function js1(){
hh=document.fr.sl.selectedIndex;
if(hh==0){win=window.open("","newwin","");
win.document.open();
win.document.write(document.fr.t1.value);
win.document.close();
}else{window.open("","win2","");win2.resizeTo(500,400);
win2.document.open();
win2.document.write(document.fr.t1.value);
win2.document.close();
}
document.fr.cl.disabled=false;
return false;
}
function js1a(){
win.close();
win2.resizeTo(0,0);
}
-->
</script>
<form name=fr onSubmit="return js1()">
ソース入力:<br>
<textarea name=t1 style="width:70%;height:100">
</textarea><br>
<select name=sl><option>新しいウィンドウで実行</option><option>フレーム内で実行</option></select>
<br><input type=submit value="実行">  <input type=button name=cl disabled=true value="閉じる"onClick=js1a()><br>
<iframe name=win2 width=0 height=0 src=about:blank></iframe>
</form>

selectedIndex⇒フォーム部品で選択されている番号を返す

実行

トップに戻る前に戻る　次に進む

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送