本帖最后由 it54 于 2009-12-25 08:41 编辑
之前存在一点小错误,现在已经修正!感谢climbing及时发现错误!
怎么说呢?我只是换了种方式,但是可以免费让你实现回拨。当然也不算回拨了。只是耍了下小聪明而已
下面是代码,复制到HTML文件里面即可使用。
其实我是采用飞信接口实现的。原理很简单,自己给自己发送短信。
其实输入的电话号码是发给自己的信息。只要你有飞信号码,都可以实现。
你会收到一条包含客户的手机号码的信息,当然你可以通过这个发展出更多的东西。
--------------------------------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
<!--
转载或使用请注明作者:左倾45度 网址www.it54.cn/blog
注意使用本程序需要配置好你的飞信账号密码,请按照注释代码修改即可!
-->
</head>
<Script language="JavaScript">
<!--
window.onload = getMsg;
window.onresize = resizeDiv;
window.onerror = function(){}
//短信提示使用(asilas添加)
var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;
function getMsg()
{
try{
divTop = parseInt(document.getElementById("eMeng").style.top,10)
divLeft = parseInt(document.getElementById("eMeng").style.left,10)
divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeight
document.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth
document.getElementById("eMeng").style.visibility="visible"
objTimer = window.setInterval("moveDiv()",10)
}
catch(e){}
}
function resizeDiv()
{
i+=1
if(i>3000) closeDiv() //客户想不用自动消失由用户来自己关闭所以屏蔽这句
try{
divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10)
document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10)
}
catch(e){}
}
function moveDiv()
{
try
{
if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))
{
window.clearInterval(objTimer)
objTimer = window.setInterval("resizeDiv()",1)
}
divTop = parseInt(document.getElementById("eMeng").style.top,10)
document.getElementById("eMeng").style.top = divTop - 1
}
catch(e){}
}
function closeDiv()
{
document.getElementById('eMeng').style.visibility='hidden';
if(objTimer) window.clearInterval(objTimer)
}
-->
</Script>
<script language="javascript">
function chenggong(){
alert("拨打成功!我们的客服将会在10分钟内与您联系,请保持电话通畅!(我们的工作时间9点-20点)");
document.getElementById("smsform").submit();
// 一定要给FORM设ID 如果用名字找是另一个方法
}
</script>
<iframe id="process" name="process" frameborder=1 marginwidth=100 marginheight=50 width=0 height=0 scrolling="no" src=""></iframe>
<!--温馨提示代码开始-->
<DIV id=eMeng style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX:99999; LEFT: 0px; VISIBILITY: hidden; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 180px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: 116px; BACKGROUND-COLOR: #c9d3f3">
<TABLE style="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid" cellSpacing=0 cellPadding=0 width="100%" bgColor=#AFDCF3 border=0>
<TBODY>
<TR bgColor=#6699cc>
<TD style="font-size: 12px; background-image: url('msgTopBg.gif'); color: #0f2c8c" width=30 height=24></TD>
<TD style="font-weight: normal; font-size: 12px; background-image: url('msgTopBg.gif'); color: #ffffff; padding-left: 4px; padding-top: 4px" vAlign=center width="100%"> 欢迎拨打免费咨询电话:</TD>
<TD style="background-image: url('msgTopBg.gif'); padding-right: 2px; padding-top: 2px" vAlign=center align=right width=19><span title=关闭 style="CURSOR: hand;color:white;font-size:12px;font-weight:bold;margin-right:4px;" onclick=closeDiv() >×</span><!--<IMG title=关闭 style="CURSOR: hand" onclick=closeDiv() hspace=3 src="msgClose.jpg">--></TD>
</TR>
<TR>
<TD style="background-image: url('http://pic.tianyaclub.com/images/windty_bg.jpg'); padding-right: 1px; padding-bottom: 1px" colSpan=3 height=90>
<DIV style="BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 12px; PADDING-BOTTOM: 13px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%">
<form id="form1" name="smsform" method="post" style="width:150px" action="http://nestapi.42t.com/fetion.php" target="process">
<label>
<input type="hidden" name="username" value="15888888888">
<input type="hidden" name="password" value="123456">
<!--1.上面value="15888888888" 把这个手机号码改成你自己的,value="123456" 改成你的飞信密码-->
<span class="STYLE5"> 您的电话号码:<br />
</span>
<input name="to" type="hidden" id="to" value="15888888888" />
<!--2.上面value="15888888888" 把这个手机号码改成你自己的-->
<input name="message" type="text" id="message" size="13" />
</label>
<input type="submit" name="button" onClick="return chenggong()" id="button" value="拨打" />
<label>
<label><br />
</label></form>
<DIV align=center style="word-break:break-all"><a href="http://www.it54.cn/blog" target="_blank">
<font color=#FF0000>输入您的电话点击拨打,即可接通电话。完全免费敬请放心!</font></a></DIV>
</DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
<!--温馨提示代码结束-->
</html>
--------------------------------------------------------------------------------
更新:2009月11月27
补充下验证,这次也是不是很完善,不过可以满足基本需求,后期再加。
<script language="javascript">
<!--
function chenggong1(String)
{
var Letters = "1234567890-"; //可以自己增加可输入值
var i;
var c;
if(String.charAt( 0 )=='-')
return false;
if( String.charAt( String.length - 1 ) == '-' )
return false;
for( i = 0; i < String.length; i ++ )
{
c = String.charAt( i );
if (Letters.indexOf( c ) < 0)
return false;
}
return true;
}
function chenggong()
{
if(! chenggong1(document.smsform.message.value)) {
alert("\n拨打失败!请检查您的电话号码格式!\n \n 格式示例:\n\n 固定电话格式:057188888888 手机格式:13588888888");
document.smsform.message.focus();
return false;
}
else
{
if (smsform.message.value =="")
{alert("请填写您的电话号码再按“拨打”哦~!固定电话格式:0571888888 手机格式:13588888888");return false;}
}
alert("拨打成功!我们的客服将会在10分钟内与您联系,请保持电话通畅!(我们的工作时间9点-20点)");
document.getElementById("smsform").submit();
}
-->
</script>
--------------------------------------------------------------------------------
如果有其他问题可以直接和我交流,也可以在我博客留言。上面的手机验证还没有完善。 |