Question

我有一个人员列表和联系信息按钮。我想用个人的联系信息打开弹出窗口（约：空白）。我有两件事乱七八糟。

1）如果点击 person_1 ，系统会显示相关信息。如果我再次点击同一个人或另一个人而没有关闭窗口，窗口将不会刷新自己并查看新信息，它将只添加前一个。我用......解决了这个问题。

if(info){info.document.body.innerHTML = '';}

这个添加的问题现在它在pc / chrome上运行良好，但在手机上不起作用！我尝试用手机向我显示空白页面。

2）我用阿拉伯语显示联系信息，这意味着窗口的目录应该是从右到左。我可以通过向html标记或正文dir="rtl"添加属性来实现这一点，但我不知道如何做到这一点，以及如何设置窗口本身的样式。

function contact(contact) {
    id  = $(contact).attr("id");
    contact_info = $('#contact'+id).val();

    info = window.open("", "info", "width=550,height=350");
    if(info){info.document.body.innerHTML = '';}    
    info.document.write(contact_info);
}

Answer 1

这应该是你需要的

var info;

function contact(contact) {
    id  = $(contact).attr("id");
    contact_info = $('#contact'+id).val();
    open_window(contact_info, "Contact Info");
}

function open_window(content, title) {
try {
    if (info.closed) throw "reopen";
    info.document.body.innerHTML = '';
}catch (e) {
    info = window.open('', 'contact_info_window', 'width=550,height=350');
    info.document.write('<link rel="stylesheet" href="style.css" type="text/css" /><body></body>');
    info.document.body.dir = "rtl";
}
    info.document.title = title;
    info.document.write(content);
    info.focus();
}

JS：造型windows.open

1 个答案: