使用JavaScript顯示多個CSS彈出窗口

我不熟悉JavaScript。在我的項目中，我想創建一個CSS彈出窗口。我使用CSS和JavaScript創建了一個彈出窗口。使用JavaScript顯示多個CSS彈出窗口

的JavaScript：

function ShowPop(id) 
{ 

    document.getElementById(id).style.visibility = "visible"; 
    }

CSS：

.popup 
    { 

    position: absolute; 
    left:400px; 
    top:100px; width:230px; 
    border-style:solid; 
    padding: 5px; 
    z-index:2; 
    visibility:hidden; 
}

HTML：

<a href='javascript:void(0);' onclick='ShowPop("term1")>a</a> 
    <span id='term1'></span>

我的疑問是，如何在時間打開多個彈出窗口，只使用一個<span id='term1'></span>。每個彈出窗口都必須包含從數據庫中檢索的不同內容。如何打開多個CSS彈出窗口？

來源

2012-02-20 Vineeth

這不是一個矛盾 - 多彈出只使用一個彈出元素？ – pimvdb 2012-02-20 16:06:10

希望這可以幫助你，這是多麼我已經做到了：

http://jsfiddle.net/F5VCJ/

編輯：我還沒有實現任何功能，但移動對話框左右，所以此刻你是一個必須實現它的人，但現在你可以簡單地給不同的類給對話框來定位它們，或者寫一些代碼使它們出現在給定元素旁邊。

來源

2012-02-20 16:15:59 bevacqua

sir，但是這個彈出窗口只會打開一個css框，我可以打開多個css框 – Vineeth 2012-02-20 16:24:31

每次調用'ajaxErrorDialog'都會渲染一個不同的對話框，就在同一個地方。 – bevacqua 2012-02-20 16:27:58

ya ..正確，那麼如何用「test1」，「test2」替換爲html標籤示例添加一個文本框 – Vineeth 2012-02-20 16:39:41

如果您希望在任何時候打開多個彈出窗口，您將需要多個元素來顯示數據。最簡單的方法是使用已經寫入的許多jQuery插件之一這個 - 從來沒有用過我自己，我不能提供任何建議，但快速谷歌搜索應該是足夠的。

但是，如果您真的想自己實現這一點，您需要使用jQuery按需創建元素，將相關數據（由所點擊的鏈接確定）加載到新創建的元素中，然後添加它到DOM並使其可見。然後，當用戶選擇關閉彈出窗口時，只需再次移除該元素即可。

來源

2012-02-20 16:17:35

使用JavaScript顯示多個CSS彈出窗口

回答

相關問題