<html>
<head>
<script type="text/javascript">
function showWindow() {
var txt = document.form1.stringField.value;
if (document.form1.subBox.checked) txt = txt.sub();
if (document.form1.supBox.checked) txt = txt.sup();
objWindow = window.open("", "","width=600,height=300");
objWindow.document.write(txt);
objWindow.document.close();
}
</script>
</head>
<body>
<form method="post" name="form1" action="null">
String:<input type="text" size="40" maxlength="256" name="stringField" />
Style:
<input type="checkbox" name="subBox" value="ON" />Sub
<input type="checkbox" name="supBox" value="ON" />Sup
<input type="button" name="Show" value="Show" onclick="showWindow()" />
</form>
</body>
</html>
The code above is rendered as follows:
【text_input】
