Javascript中的動態div

我需要實現爲每個用戶彈出的動態div。我需要它浮在Google地圖上，每個新的div都會顯示在前一個下面。它最終會成爲一堆用戶。現在我有一張表格，每次都添加一個新行，但是我在參考每個單獨的單元格時遇到了問題。任何關於如何動態創建一個新的div和使新的div出現在另一個（s）下的建議？它將漂浮在屏幕的左下角。任何幫助都會很棒。謝謝！Javascript中的動態div

編輯：

下面是一些代碼，將通過按下一個按鈕顯示一個div。我需要添加什麼來創建一個新的div在前一個下面出現？

function creatediv(id, html, width, height, left, bottom) { 

var newdiv = document.createElement('div'); 
newdiv.setAttribute('id', id); 
if (width) { 
    newdiv.style.width = 200; 
} 
if (height) { 
    newdiv.style.height = 50; 
} 
if ((left || bottom) || (left && bottom)) { 
    newdiv.style.position = "fixed"; 
    if (left) { 
     newdiv.style.left = left; 
     if (bottom) { 
      newdiv.style.bottom = bottom = "10"; 
     } 
    } 

    newdiv.style.background = "#FFFFF"; 
    newdiv.style.border = "4px solid #000"; 

    if (html) { newdiv.innerHTML = html; 
    } 
    else { 
     newdiv.innerHTML = "nothing"; 
    } 
document.body.appendChild(newdiv); 
} 
} 
</script> 
</head> 
<div> 
<input type="button" onclick="creatediv(id, 'User 1', 'width', 'height', 'left', 'bottom')" value="Create Div"/> 

</div> 
</html>

來源

2012-03-03 mkyong

你嘗試了什麼？ – 2012-03-03 14:01:08

你會碰巧有一個網站的鏈接使用類似的功能，你正在提議？ – 2012-03-03 14:01:59

把它想象成一個新的div中的新聊天消息。程序每秒檢查一次數據庫以查找新用戶，如果發現它們會向表中添加新行並顯示用戶的名稱，然後在之前用戶的單元格下彈出，創建用戶的「堆棧」。如果可能，我想從單元切換到div。 – mkyong 2012-03-03 14:06:01

保留previoisly div的top/bottom等記錄。也是z-索引。現在簡單地將新div的頂部/ etc設置爲稍微偏移的值，然後增加z-索引。重複。

來源

2012-03-03 18:57:08 Manishearth

Javascript中的動態div

回答

相關問題