javascript表单预览页面

来源：互联网发布：tensorflow.org 编辑：程序博客网时间：2024/05/22 06:47

表单页面

<html><head><title>添加商品信息</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><mce:script type="text/javascript" src="../js/admin.js" mce_src="js/admin.js"></mce:script></head><body bgcolor="gray" onload="twolist(document.getElementById('one_class').value)"><div id="addcomm" style="font-size:12px" mce_style="font-size:12px"><form method="post" id="form1"><table width="800" ><tr><td align="right">商品名称：</td><td align="left"><input type="text" name="c_name" id="c_name"></td><td></td><td></td></tr><tr><td align="right">商品类别：</td><td align="left" width="20%"><select name="one_class" id="one_class" onchange="twolist(this.options[this.options.selectedIndex].value)">{section name=s loop=$oneclass}<option value="{$oneclass[s].typeid}">{$oneclass[s].type_name}</option>{/section}</select> <div id="list"></div></td><td align="left"></td><td></td></tr><tr><td align="right">尺码：</td><td align="left"><input type="text" name="c_size" id="c_size" size="10"> 颜色：<input type="text" name="c_color" id="c_color" size="10">风格：<input type="text" name="c_style" id="c_style" size="10"> 面料：<input type="text" name="c_cotton" id="c_cotton" size="10"></td><td ></td><td></td></tr><tr><td align="right">价格：</td><td align="left"><input type="text" name="c_price" id="c_price" size="10"> 品牌名：<input type="text" name="c_mark" id="c_mark" size="10"></td><td></td><td></td></tr><tr><td align="right">首页上传图片：</td><td align="left"><input type="file" name="c_img" id="c_img"></td><td></td><td></td></tr><tr><td></td><td cols="3"><textarea name="content" id="content" style="display:none" mce_style="display:none"></textarea</td></tr><tr><td></td><td><input type="button" name="view" value="预览" onclick="preview()"> <input type="submit" name="addcomm" value="发布商品"> <input type="reset" name="reset" value="取消" ></td><td></td><td></td></tr></table></form></div></body></html>

预览页面

<html><head><title>预览页面</title><mce:script type="text/javascript"><!--function showit() {  document.getElementById("sp_name").innerHTML=window.opener.document.getElementById("c_name").value;  document.getElementById("sp_style").innerHTML=window.opener.document.getElementById("c_style").value;  document.getElementById("sp_size").innerHTML=window.opener.document.getElementById("c_size").value;  document.getElementById("sp_color").innerHTML=window.opener.document.getElementById("c_color").value;  document.getElementById("sp_mark").innerHTML=window.opener.document.getElementById("c_mark").value;  document.getElementById("sp_cotton").innerHTML=window.opener.document.getElementById("c_cotton").value;  document.getElementById("sp_price").innerHTML=window.opener.document.getElementById("c_price").value;  var selectObji=window.opener.document.getElementById("one_class");  var ones=selectObji.options[selectObji.selectedIndex].text;  var img_url=window.opener.document.getElementById("c_img").value;  var img_display='<img src="'+img_url+'" mce_src="'+img_url+'">';  document.getElementById("sp_img").innerHTML=img_display;  var ak47=window.opener.document.getElementById("two_class");  var twos=ak47.options[ak47.selectedIndex].text;  document.getElementById("sp_type").innerHTML=ones+' - '+twos;  var cont=window.opener.document.getElementById("content").value;}// --></mce:script></head><body bgcolor="allblue" onload="showit();"><div id="view" style="margin:100 100 100px;text-algin:center" mce_style="margin:100 100 100px;text-algin:center"><table><tr><td align="right">商品名称：</td><td><div id="sp_name"></div></td><td></td></tr><tr><td align="right">类别：</td><td><div id="sp_type"></div></td><td></td></tr><tr><td align="right">风格：</td><td><div id="sp_style"></div></td><td></td></tr><tr><td align="right">尺码：</td><td><div id="sp_size"></div></td><td></td></tr><tr><td align="right">颜色：</td><td><div id="sp_color"></div></td><td></td></tr><tr><td align="right">面料：</td><td><div id="sp_cotton"></div></td><td></td></tr><tr><td align="right">价格：</td><td><div id="sp_price"></div></td><td></td></tr><tr><td align="right">品牌名：</td><td><div id="sp_mark"></div></td><td></td></tr><tr><td align="right">首页图片显示：</td><td><div id="sp_img"></div></td><td></td></tr><tr><td align="right">商品内容信息：</td><td><div id="sp_cont"></div></td><td></td></tr></table></div></body></html>