You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
5.2 KiB
123 lines
5.2 KiB
<style>
|
|
*{padding:0px;margin:0px;}
|
|
.popp { display: none; width: 540px; min-height: 470px; max-height: 750px; height:470px; position: absolute; padding: 25px; z-index: 130; border-radius: 8px; background-color: #fff; box-shadow: 0 3px 18px rgba(100, 0, 0, .5); }
|
|
.popp-top{ height:40px; width:100%; border-bottom: 1px #E5E5E5 solid; }
|
|
.popp-top h2{ float: left; font-size: 18px;color: #333333; display:black}
|
|
.popp-top span{ float: right; cursor: pointer; font-weight: bold; display:black}
|
|
.popp-foot{ height:50px; line-height:50px; width:100%; border-top: 1px #E5E5E5 solid; text-align: center;}
|
|
.popp-ok { padding:8px 15px; margin:15px 5px; border: none; border-radius: 5px; background-color: #337AB7; color: #fff; cursor:pointer; }
|
|
.popp-content{ font-size:14px;padding:10px 0; overflow:hidden}
|
|
.popp-content dl{overflow: hidden;padding:5px;}
|
|
.popp-content dl dt{float:left;line-height:33px;width:85px; text-align:right}
|
|
.popp-content dl dd{overflow: hidden;line-height:33px}
|
|
.bgPopp{ display: none; position: absolute; z-index: 129; left: 0; top: 0; width: 100%; height: 5000px; background: rgba(0,0,0,.2); }
|
|
.f_hid {color: #FFFFFF;}
|
|
.f_red {color: red;}
|
|
.popp-content input{border:#ccc 1px solid;padding:6px 8px;width:400px;}
|
|
.popp-content textarea{border:#ccc 1px solid;padding:6px 8px;width:400px;height:80px;}
|
|
.popp-content select{border:#ccc 1px solid;padding:6px 8px;width:420px;}
|
|
.popp-content input.w100{width:100px;}
|
|
.popp-content input.w280{width:270px;}
|
|
.popp-content dl.yz input{width:100px}
|
|
</style>
|
|
<!--遮罩层-->
|
|
<div id="bgPop" class="bgPopp"></div>
|
|
<!--弹出框-->
|
|
<div id="pop" class="popp">
|
|
<div class="popp-top">
|
|
<h2>您正在询价【{$title}】</h2>
|
|
<span class="popp-close" onclick="t_pop(1);">Ｘ</span>
|
|
</div>
|
|
<div class="popp-content">
|
|
<form method="post" action="{$DT_URL}" id="dform" onsubmit="return inquiry_check();">
|
|
<input type="hidden" name="itemid" value="{$itemid}"/>
|
|
<div class="popp-content-right">
|
|
<dl><dt><span class="f_red">*</span>询价标题：</dt><dd><input type="text" name="post[ititle]" value="{$title}" id="ititle"> <img src="{DT_SKIN}image/ico_tips.gif" alt="" title="建议您修改主题，吸引对方注意,得到优先回复!"/></dd></dl>
|
|
<dl><dt><span class="f_hid">*</span><span class="f_red">快捷提问：</span></dt><select onchange="if(this.value)Dd('icontent').value+=this.value+'\n';">
|
|
<option value="">请选择常用问题</option>
|
|
{loop $iask $v}
|
|
<option value="{$v}">{$v}</option>
|
|
{/loop}
|
|
</select>
|
|
</dd></dl>
|
|
<dl><dt><span class="f_red">*</span>主要内容：</dt><dd><textarea name="post[icontent]" id="icontent"></textarea></dd></dl>
|
|
|
|
<dl><dt><span class="f_hid">*</span>公司名称：</dt><dd><input type="text" name="post[icompany]" id="icompany" value="{if $mymember[company]}{$company}{/if}" placeholder="您的公司名称"></dd></dl>
|
|
<dl><dt><span class="f_hid">*</span>联系信息：</dt><dd><input class="w100" type="text" name="post[itruename]" id="itruename" value="{if $mymember[truename]}{$truename}{/if}" placeholder="您的称呼">
|
|
|
|
<input type="text" class="w280" name="post[itelephone]" id="itelephone" value="{if $mymember[mobile]}{$mobile} {/if}{if $mymember[telephone]}{$telephone}{/if}" placeholder="您的电话"></dd></dl>
|
|
<dl><dt><span class="f_hid">*</span>温馨提示：</dt><dd><p class="f_red">欢迎您直接电话询价,并表明来自丰采网,将享受更多优惠政策！</dd></dl>
|
|
<dl class="yz"> <dt><span class="f_red">*</span>验 证 码：</dt><dd>{template 'captcha', 'chip'}</dd></dl>
|
|
</div>
|
|
</div>
|
|
<div class="popp-foot">
|
|
<input type="submit" name="submit" value=" 立 即 提 交 " class="popp-ok" >
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<script type="text/javascript">
|
|
function t_pop(a){
|
|
if(a){
|
|
$("#bgPop").hide();
|
|
$("#pop").hide();
|
|
}else{
|
|
setDivCenter('pop');
|
|
$("#bgPop").show();
|
|
$("#pop").show();
|
|
}
|
|
}
|
|
|
|
function setDivCenter(divName){
|
|
var top = ($(window).height() - 470)/2;
|
|
var left = ($(window).width() - 600)/2;
|
|
var scrollTop = $(document).scrollTop();
|
|
var scrollLeft = $(document).scrollLeft();
|
|
top = top + scrollTop;
|
|
left = left + scrollLeft;
|
|
$("#"+divName).css("top",top);
|
|
$("#"+divName).css("left",left);
|
|
}
|
|
|
|
function inquiry_check() {
|
|
var l;
|
|
var f;
|
|
f = 'ititle';
|
|
l = Dd(f).value.length;
|
|
if(l < 1) {
|
|
alert('标题不能为空！');
|
|
return false;
|
|
}
|
|
f = 'icontent';
|
|
l = Dd(f).value.length;
|
|
if(l < 1 || l > 500) {
|
|
alert('内容应为1-500字，当前已输入'+l+'字');
|
|
return false;
|
|
}
|
|
|
|
f = 'itruename';
|
|
l = Dd(f).value.length;
|
|
if(l < 2) {
|
|
alert('请填写您的称呼');
|
|
return false;
|
|
}
|
|
f = 'itelephone';
|
|
l = Dd(f).value.length;
|
|
if(l < 7) {
|
|
alert('请填写联系电话');
|
|
return false;
|
|
}
|
|
|
|
|
|
f = 'captcha';
|
|
l = Dd(f).value;
|
|
if(!is_captcha(l)) {
|
|
alert('请填写正确的验证码');
|
|
return false;
|
|
}
|
|
if(Dd('c'+f).innerHTML.indexOf('check-ko.png') != -1) {
|
|
alert('请填写正确的验证码');
|
|
return false;
|
|
}
|
|
|
|
}
|
|
</script>
|