appendChild. Table inside DIV. Doesnt show up

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • xaces
    New Member
    • Aug 2005
    • 2

    #1

    appendChild. Table inside DIV. Doesnt show up

    I am relatively new to javascript.
    I am trying to create a menu. I cant get it to show on IE.
    The object exists but just wouldnt show up.
    Can anyone please help??
    Thanks
    :confused:

    Code:
    		var menuDivNode = document.createElement("DIV");
    		menuDivNode.id = "thisMenu";
    		menuDivNode.align = "center";
    		menuDivNode.style.position = "absolute";
    		menuDivNode.style.top = "100";
    		menuDivNode.style.left = "500";
    		menuDivNode.style.width = "100";
    		menuDivNode.style.height = "20";
    		menuDivNode.style.backgroundColor = "#FFCF06";
    		menuDivNode.style.cursor = "hand";
    		menuDivNode.style.zIndex = "1";
    
    		var tableNode = document.createElement("TABLE");
    		tableNode.border = "1";
    		tableNode.cellspacing = "1";
    		tableNode.cellpadding = "0";
    		tableNode.style.borderCollapse = "collapse";
    		tableNode.bordercolor = "#FFCF06";
    		tableNode.bgcolor = "#FFCF06";
    		tableNode.width = "100%";
    		tableNode.height = "100%";
    
    		var tableRowNode = document.createElement("TR");
    		var tableColumnNode = document.createElement("TD");
    		var innerDivNode = document.createElement("DIV");
    		innerDivNode.style.fontSize = "9";
    		innerDivNode.style.backgroundColor = "#FFCF06";
    		
    		var menuTitle = document.createTextNode("Rate");
    
    		innerDivNode.appendChild(menuTitle);
    		tableColumnNode.appendChild(innerDivNode);
    		tableRowNode.appendChild(tableColumnNode);
    		tableNode.appendChild(tableRowNode);
    		menuDivNode.appendChild(tableNode);
    		document.body.appendChild(menuDivNode);
  • xaces
    New Member
    • Aug 2005
    • 2

    #2
    TBODY missing

    Figured it out :D
    Requires a TBODY object. Usually it works without this tag in HTML but the DOM requires this object to be defined.

    Comment

    Working...