最近一个做技术的同行问关于一个案例中一个模块是如果设计的，虽然有很多这样的咨询，其它的我们很少有整理成文章发布的表达，这个问题有一定的代表性，虽然网站才上线时间不长，但这个问题有几个人问了，所以列出文章来与大家一起分享，希望有同行遇到此类问题能顺利的解决，同时也能解决如果再有此类的问题方便解决!
首先我们看下网站：http://www.ywxly.com，打开这个网站如果您也是技术那么你可能会问什么样的问题，网站其实并没有太多的特别之处，只有一处FLASH全景设置有点特别和下面弹出在线咨询的版块，其实FLASH在现如今的网站上基本用的不是很多，除非特殊用途，这里不讨论，这里只说明弹出在线咨询的问题，这是本文要讲的重点！
网站上弹出的功能JQUREY技术很多，但弹出效果，应用方便灵活，表现简洁大方很重要，如果您认为这个页面也很一般，您可以选择您认为比较优秀的，这里谈下我们运用的方法！
一般情况会用层DIV结合JS或JQUERY的方法，而我们这里用纯JS结合PHP和MYSQL数据库来实现，首先看JS代码
var chat_messageage_eobo={
theme:"luxury",color:"black",title:"在线向松杉教育咨询！",send:"提交",copyright:"服务热线:13616890268",eobopos:"RD"
};
var chat_message_msg={
messageErr:'您的留言字数已超过限制，请保留在1000个字以内。',prefix:'请填写',success:'我们已经收到您的留言,稍候会与您联系.谢谢!',fail:''
};
var chat_message_cols=[{
type:"textarea",eobotype:"messageage",eobo_tip:"您想要咨询的问题内容",innertip:"在此您有任何问题都可以咨询我们，我们会及时给您回复！",idname:"nr"
},{
type:"text",eobotype:"must",eobo_tip:"联系人",innertip:"请输入姓名",idname:"lxr"
},{
type:"text",eobotype:"tel",eobo_tip:"联系电话",innertip:"请输入您的联系电话",idname:"dh"
},{
type:"text",eobotype:"address",eobo_tip:"地址",innertip:"请输入您的详细地址",idname:"dz"
}];
document.write('<script src="chat/eobo.js" type="text/javascript"></script>');
我们在SAVE的保存页面取到上面的变量提交到数据库保存即可，在取上面的变量时PHP要用到urldecode;例如：$nr=urldecode($_REQUEST["nr"]);
注意以上几点我想您也能轻松实现，如有需要可以在立天网络官方网站留言，我们会打包发到您的邮箱！
本文地址：http://www.eobo.cn/news/451.html
|
