javascript - 使用YUI或Ext JS将隐藏的DIV转换为窗口

初学者的问题。我在隐藏的div中有一些丰富的HTML，并希望将其变成一个浮动的，可拖动的，可关闭的伪窗口，无模式对话框。 YUI和ExtJS可用。

我已经尝试了几个小时，并在网上寻找样品。窗口标题也应从DOM节点获取，但应为纯文本。

    var helpDiv = ... DOM node
    var helpDivExt = Ext.get(helpDiv);
    var contentHTML = '<i>helpDivExt</i>';
    //var contentTitel = '###' + helpDivExt.select('h3');
    var contentTitel = '###' + Ext.query('h3:first', helpDivExt).data;
    var w = new Ext.Window({html: contentHTML, title: contentTitel,
        width: '398px', height: '400px',
        modal: false, closable: true, draggable: true,
        plain: true,
        padding: '5px 10px 10üpx 10px',
        border: '5px solid #7094b7',
        backgroundColor: '#ffffff'
    });
    w.addClass('hilfetext');
    //w.fill(helpDivExt);
    //w.add(helpDivExt);
    w.show();

最佳答案

在ExtJS Ext.Window中，存在contentEl配置，您可以在其中放置现有HTML元素或现有HTML元素的ID：

例如

new Ext.Window({contentEl: 'the_element_id'});

Further info here