<?php /** * Created by PhpStorm. * User: xiaofeng * Date: 2018/5/29 * Time: 上午9:46 */ ?> <link rel="stylesheet" href="/overseas/css/reduced.css"> <div class="yv2_reduced js_yv2_reduced"> <div class="yv2_reducedBox"> <div class="yv2_reduced_main"> <div class="yv2_reduced_title js_yv2_reduced_title">报名看房</div> <div class="yv2_reduced_ico js_yv2_reduced_ico"><img src="/overseas/img/v2image/bm_ico1_1.png" alt=""></div> <div class="yv2_reduced_text js_yv2_reduced_text">独家渠道优惠,省心省力省钱!</div> <div class="yv2_reduced_form js_yv2_reduced_form"> <form class="submit_area"> <input type="hidden" name="hid" value="0"> <!-- 0 为公共报名,其它为楼盘ID,有时默认为0有可能通过JS修改为楼盘ID--> <input type="hidden" name="source" value="0"> <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明--> <input type="hidden" name="equipment" value="2"> <!--来源设备 ( PC端 2,手机端 1 )--> <div class="in_text js_in_text"> <img src="/overseas/img/v2image/bm_ico3.png" alt=""> <input type="text" name="name" placeholder="请输入您的姓名"> </div> <div class="in_text"> <img src="/overseas/img/v2image/bm_ico2.png" alt=""> <input type="text" name="mobile" placeholder="请输入您的号码"> </div> <div class="in_xuanze js_in_xuanze1"> <p class="in_text_top js_in_xuanze_bud"> <img src="/overseas/img/v2image/bm_ico6.png" alt=""> <input type="text" name="budget" placeholder="您的置业单价"> <i></i> </p> <div class="in_text_show js_in_text_show_bud"> <a href="javascript:;">4000元以下</a> <a href="javascript:;">4000-6000元</a> <a href="javascript:;">6000-8000元</a> <a href="javascript:;">8000-10000元</a> <a href="javascript:;">1-1.5万</a> <a href="javascript:;">1.5-2万</a> <a href="javascript:;">2-2.5万</a> <a href="javascript:;">2.5-3万</a> <a href="javascript:;">3-5万</a> <a href="javascript:;">5-7万</a> <a href="javascript:;">7万以上</a> </div> </div> <div class="in_xuanze js_in_xuanze2"> <p class="in_text_top js_in_xuanze_city"> <img src="/overseas/img/v2image/bm_ico5.png" alt=""> <input type="text" name="intention_city" placeholder="您的置业意向区域"> <i></i> </p> <div class="in_text_show js_in_text_show_city"> <a href="javascript:;">三亚市</a> <a href="javascript:;">海口市</a> <a href="javascript:;">陵水县</a> <a href="javascript:;">万宁市</a> <a href="javascript:;">文昌市</a> <a href="javascript:;">澄迈县</a> <a href="javascript:;">临高县</a> <a href="javascript:;">东方市</a> <a href="javascript:;">五指山市</a> <a href="javascript:;">琼海市</a> <a href="javascript:;">儋州市</a> <a href="javascript:;">乐东县</a> <a href="javascript:;">保亭县</a> <a href="javascript:;">定安县</a> <a href="javascript:;">琼中县</a> <a href="javascript:;">屯昌县</a> <a href="javascript:;">昌江县</a> <a href="javascript:;">白沙县</a> </div> </div> <div class="yv2_reduced_buttom"> <a href="javascript:;" class="apply_submit js_apply_submit">立即提交</a> </div> <div class="js_yv2_reduced_text_foot">订阅后会有置业顾问致电并提供服务</div> </form> </div> </div> <div class="yv2_reduced_gb"><a onclick="btnCloses();" href="javascript:;"><img src="/overseas/img/v2image/bm_ico4.png" alt=""></a></div> </div> </div> <div class="yv2_reduced_bg" onclick="btnCloses();"></div> <script> $(function(){ // console.log(puicBm_title+'--'+puicBm_hid+'--'+puicBm_source+'--'+puicBm_text) $('.js_yv2_reduced_title').html(puicBm_title) $('.js_apply_submit').html(puicBm_buttom) $('.js_yv2_reduced_text').html(puicBm_text) switch(puicBm_title) { case '报名看房': $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_1.png'); break; case '获取楼盘航拍/VR资料': $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_3.png'); break; case '降价通知': $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_4.png'); break; case '锁定折扣优惠': $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_4.png'); break; case '户型报价': $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_1.png'); break; case '开盘通知': $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_6.png'); break; case '免费资料': $('.js_yv2_reduced_form .js_yv2_reduced_text_foot').show(); $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_9.png'); break; case '帮我找房': $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_7.png'); break; case '免费回电': $('.js_yv2_reduced_form .js_yv2_reduced_text_foot').show(); $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_1.png'); break; default: $('.js_yv2_reduced_ico').attr('src','/overseas/img/v2image/bm_ico1_1.png'); } if (puicBm_title=='帮我找房') { $('.js_yv2_reduced_form .js_in_text').hide(); $('.js_yv2_reduced_form .js_in_xuanze1').show(); $('.js_yv2_reduced_form .js_in_xuanze2').show(); }; // 帮你找房 $('.js_in_xuanze1').on('click','.js_in_xuanze_bud',function(){ $('.js_in_text_show_bud').show(); }) $(document).click(function() { $('.js_in_text_show_bud').hide(); }) $('.js_in_xuanze1').on('click',function(e){ e?e.stopPropagation():event.cancelBubble = true; }) $('.js_in_text_show_bud').on('click','a',function(){ var cityTxt=$(this).text(); $(this).addClass('on').siblings().removeClass('on'); $('.js_in_xuanze_bud input').val(cityTxt); $('.js_in_text_show_bud').hide(); }) $('.js_in_xuanze2').on('click','.js_in_xuanze_city',function(){ $('.js_in_text_show_city').show(); }) $(document).click(function() { $('.js_in_text_show_city').hide(); }) $('.js_in_xuanze2').on('click',function(e){ e?e.stopPropagation():event.cancelBubble = true; }) $('.js_in_text_show_city').on('click','a',function(){ var cityTxt=$(this).text(); $(this).addClass('on').siblings().removeClass('on'); $('.js_in_xuanze_city input').val(cityTxt); $('.js_in_text_show_city').hide(); }) //报名验证提交的调用 var fun = { "error" : function(){ PublicAction.hint("提交末成功!"); //编写需要操作的方法 }, "success" : function(){ PublicAction.hint("提交成功!"); //编写需要操作的方法 $('body input[type="text"]').val('') RemoveDiv(); //数据提交成功后关闭弹出层 } } PublicAction.AjaxSend({CORID:'apply_submit'},fun); }) </script>