请教大家一个前端的问题

Question

   我有个网站直接调用后台的在线客服,是用ajax请求,当点击在线客服图标时,弹出一个在线客服的对话框,代码如下:
function custService(){
var url = '<s:property value="webPath"/>/ajax/customerServiceAction';
var _u = 'http://192.128.4.32:8080/IMClient/login/check?tokenId=';
$.ajax({
url: url,
async: false,
type: "post",
contentType: "application/json",
success: function(){
if(data!=null && data!=''){
var tokenId = data.tokenId;
window.open(encodeURI(_u+tokenId),'网银在线客服','toolbar=no,menubar=no,scrollbars=no,location=no,resizable=no,status=no');
}
},
error:function(err){
alert(err);
}
});
}<a href="#" onclick="custService();">在线客服</a>可是弹出来的框很大而且也在整个屏幕的上方,我是想弹出框做漂亮一点,在右下角的位置,框也不必要这么大.上方的地址栏什么的也不需要.总之要做得好看点.这个样式什么的怎么弄啊!希望各位前端大神不吝赐教

Answer 1

那就不要用window.open()，可以用DIV+iframe做模拟对话框、要什么样式都能用css控制

Answer 2

自己写个div 弹出 先隐藏 再显示

Answer 3

1.对话框的代码单独装一个页面  //包括css,以及一些业务逻辑
2.window.open处改为   在body最后创建iframe标签,为iframe指定src并传参
3.用(固定)定位将其控制在左下角(右上角...,哪里都行)   //emmmm...       右下角:   iframe{position:fixed;right:0;bottom:20px;}

Answer 4

http://www.w3school.com.cn/jsref/met_win_open.asp
看窗口特征

Answer 5

window.open("http://www.w3school.com.cn","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400");
建议你可以先看看window.open的一些参数；窗口的大小是可以进行设置的

Answer 6

http://www.runoob.com/jqueryui/example-dialog.html