2014-05-14 53 views
2

我有一个人的名单,和联系信息按钮。我想打开弹出窗口(关于:空白)与该人的联系信息。我st with于两件事。JS:造型windows.open

1)如果我点击PERSON_1,该信息将被显示。如果我在没有关闭窗口的情况下再次点击同一个人或另一个人,窗口将不会刷新自身并查看新信息,而只会将其添加到前一个信息中。我解决这个与......

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

这个另外的问题是,现在它在PC /铬做工精细,但手机不能正常工作! 我试着用我的手机,它显示我的空白页面。

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); 
} 
+0

萨拉姆:) AKH el3arab – Muath

回答

0

这应该是你所需要的

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(); 
} 
+0

它的工作,因为我想TY,但任何想法,为什么这不会对手机正常工作? –

+0

电话不允许弹出窗口。您可以使用target =“_ blank”的链接来打开一个新标签,但是您将无法使用Javascript来控制其内容。我很确定他们没有办法解决这个问题。 – aecend

+0

它在我的iPhone上工作,但内容显示与safari铬只是空的弹出窗口没有内容 –