javascript creates a new html div

[jite eghagha]

I have a dragable pane using the code from here:

drag enabled dialog / pop up pane

Here's the code that creates a new pane with color:

      createPane : function () {
        var newPane = document.createElement("DIV");
        newPane.className = "pane";
        newPane.style.top = "25px";
        newPane.style.left = "15px";
        
        contentPane = document.createElement("DIV");
        contentPane.className = "newPane";
        contentPane.style.backgroundColor = "rgb("+(Math.random() * 100)+"%, "+(Math.random() * 100)+"%, "+(Math.random() * 100)+"%)";
        newPane.appendChild(contentPane);
       
        document.body.appendChild(newPane);
        draggable.setupPane(newPane);
    }

How do i add html content to that pane? Such as text, or a picture.
Where can i find documentation about the .document class?

thanks

[Rajkamal Pillai]

Hi,

I think using the .innerHTML property for the pane would work.

Cheers,
Raj.