Question

我的html表单有两个按钮，单击时会显示两个不同的弹出窗口。在Chrome中，两个弹出窗口都正确显示。在Safari中，其中一个显示正确但另一个导致空白页面暂时显示并恢复到原始页面。

这两个按钮都使用相同的js函数，如下所示：

function Popup(url,w,h,i) {
        var left = (screen.width/2)-(w/2);
        var top = (screen.height/2)-(h/2);
        var target=url+'?concertid='+i;
        window.open(target, "", 'top='+top+', left='+left+', width='+w+', height='+h+' status=no, menubar=no, toolbar=no scrollbars=no');
    }

正常工作的按钮的html是：

<input onclick="Popup('http://www.example.com/JoinPopup.html',512,562)" style="color:blue;font-family:verdana; font-size:16px;" type="submit" value="Join or Renew Now">

不起作用的按钮的html是：

<input type="submit"  style="height:25px;width:92px;border:none;background:url(img/buy-tickets-button.png);" id="5" onclick="Popup('http://www.example.com/TicketsPopup.html',512,650,this.id)" value="">

弹出窗口本身非常相似。它们之间唯一的主要区别是，在Safari中不起作用的那个从mySQL数据库中检索一些信息，并在显示之前将其放入表单上的字段中。这就是在URL中传递concertID变量的原因。

任何帮助都非常感激。

Popup适用于Chrome而非Safari

0 个答案: