I can't tell what the problem is from the snippet you posted, sorry.
Here's the code I used to test my solution:
var page = new qx.ui.mobile.page.NavigationPage();
page.addListener("initialize", function() {
var addButton = new qx.ui.mobile.form.Button("Add widget to
embed");
addButton.addListenerOnce("tap", function() {
var el = document.getElementById("embed");
var root = new qx.ui.mobile.core.Root(el);
var tf = new qx.ui.mobile.form.TextField();
root.add(tf);
}, this);
page.getContent().add(addButton);
var embed = new qx.ui.mobile.embed.Html('<div
id="embed"><h1>EMBED</h1></div>');
page.getContent().add(embed);
},this);
var manager = new qx.ui.mobile.page.Manager(false);
manager.addDetail([page]);
page.show();
That seems to work as it should; the text field is added as a child to
the HTML embed's content, after the h1 element.
Regards,
Daniel
On 17.05.2013 11:11, Alexander Voronin wrote:
> Any other suggestions? I'm still looking for solution and would
> appreciate any help.
> Thanks.
>
>
> 2013/5/16 Alexander Voronin <alexander.voro...@gmail.com
> <mailto:alexander.voro...@gmail.com>>
>
> Well, after code been implemented everything gone wrong. Perhaps
> screenshot will clarify situation.
> Here is again qx.ui.mobile.page.NavigationPage based page
> with qx.ui.mobile.embed.Html container with some html content into
> which i'd like to add qooxdoo mobile widget. html content contains
> three input fields and this javascript code:
>
> var dtp = new MobilePortal.UI.DateTimePicker();
> var root = new
>
> qx.ui.mobile.core.Root(document.getElementById('#Ctl1ddbc98c_126a_458b_86ad_0d6e7d31e829'));
> root.add(dtp);
> qx.bom.Event.addNativeListener(root, "tap", function(e) {
> dtp.show(); console.log("HOP!");});
>
> var dp = new MobilePortal.UI.DatePicker();
> var root = new
>
> qx.ui.mobile.core.Root(document.getElementById('#Ctld1d1b6b0_8fe6_49e2_85c2_07ce78b04807'));
> root.add(dp);
> qx.bom.Event.addNativeListener(root, "tap", function(e) { dp.show(); });
>
> var tp = new MobilePortal.UI.TimePicker();
> var root = new
>
> qx.ui.mobile.core.Root(document.getElementById('#Ctl550b72cd_0005_4543_baef_3f206496ef19'));
> root.add(tp);
> qx.bom.Event.addNativeListener(root, "tap", function(e) { tp.show(); });
>
> Each MobilePortal.UI element is an qx.ui.mobile.form.TextField based
> qooxdoo widget (tested ofcourse inside normal qooxdoo window). What
> I've expected to see it's this widget open when I click on input
> field. Actual view is on screenshot - I have three new div root
> elements outside qx.ui.mobile.embed.Html container and click to
> input fields not working at all.
>
> I still would like to know how to add qooxdoo mobile widget in
> existing html content inside qx.ui.mobile.embed.Html container. Is
> it possible at all?
> Thanks in advance.
>
>
> 2013/5/8 Alexander Voronin <alexander.voro...@gmail.com
> <mailto:alexander.voro...@gmail.com>>
>
> Thanks! It is exactly what I'm looking for.
>
>
> 2013/5/8 Daniel Wagner <daniel.wag...@1und1.de
> <mailto:daniel.wag...@1und1.de>>
>
> Hi,
>
> you can create a new mobile root widget for any DOM element
> in your
> embed.Html and attach widgets to it:
>
> var embed = new qx.ui.mobile.embed.Html('<div id="root"/>');
> embed.addListenerOnce("appear", function() {
> var root = new
> qx.ui.mobile.core.Root(document.getElementById("root"));
> root.add(new qx.ui.mobile.form.Button("Hello World"));
> });
>
>
> Regards,
> Daniel
>
> On 08.05.2013 12:01, Alexander Voronin wrote:
> > Perhaps I did not make it clear. I need to add qxoodoo
> widget into html
> > content inside qx.ui.mobile.embed.Html container.
> >
> >
> > 2013/5/8 Christopher Zündorf
> <christopher.zuend...@1und1.de
> <mailto:christopher.zuend...@1und1.de>
> > <mailto:christopher.zuend...@1und1.de
> <mailto:christopher.zuend...@1und1.de>>>
> >
> >
> > You could use "getContentElement()", then you have
> the native
> > element in your hand. You could use the innerHTML of
> the element,
> > and append it to you qx.ui.mobile.embed.Html.
> >
> > But I would propose to create a custom qx.Mobile
> widget for your
> > purpose.
> >
> > Greetz Christopher
> >
> > Am 07.05.2013 um 12:15 schrieb Alexander Voronin:
> >
> > > Hi, list!
> > >
> > > Is there a way to add qooxdoo mobile widget into
> html content of
> > container qx.ui.mobile.embed.Html container? The html
> content is
> > known and I'd like to "attach" and use qooxdoo
> widgets inside
> > content of this container.
> > >
> > > Thanks in advance.
> > >
> > > --
> > > когда я опустился на самое дно, снизу мне постучали..
> > >
> >
>
> ------------------------------------------------------------------------------
> > > Learn Graph Databases - Download FREE O'Reilly Book
> > > "Graph Databases" is the definitive new guide to
> graph databases and
> > > their applications. This 200-page book is written
> by three acclaimed
> > > leaders in the field. The early access version is
> available now.
> > > Download your free book today!
> >
>
> http://p.sf.net/sfu/neotech_d2d_may_______________________________________________
> > > qooxdoo-devel mailing list
> > > qooxdoo-devel@lists.sourceforge.net
> <mailto:qooxdoo-devel@lists.sourceforge.net>
> > <mailto:qooxdoo-devel@lists.sourceforge.net
> <mailto:qooxdoo-devel@lists.sourceforge.net>>
> > >
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
> >
> >
>
> ------------------------------------------------------------------------------
> > Learn Graph Databases - Download FREE O'Reilly Book
> > "Graph Databases" is the definitive new guide to
> graph databases and
> > their applications. This 200-page book is written by
> three acclaimed
> > leaders in the field. The early access version is
> available now.
> > Download your free book today!
> http://p.sf.net/sfu/neotech_d2d_may
> > _______________________________________________
> > qooxdoo-devel mailing list
> > qooxdoo-devel@lists.sourceforge.net
> <mailto:qooxdoo-devel@lists.sourceforge.net>
> > <mailto:qooxdoo-devel@lists.sourceforge.net
> <mailto:qooxdoo-devel@lists.sourceforge.net>>
> > https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
> >
> >
> >
> >
> > --
> > когда я опустился на самое дно, снизу мне постучали..
> >
> >
> >
>
> ------------------------------------------------------------------------------
> > Learn Graph Databases - Download FREE O'Reilly Book
> > "Graph Databases" is the definitive new guide to graph
> databases and
> > their applications. This 200-page book is written by
> three acclaimed
> > leaders in the field. The early access version is
> available now.
> > Download your free book today!
> http://p.sf.net/sfu/neotech_d2d_may
> >
> >
> >
> > _______________________________________________
> > qooxdoo-devel mailing list
> > qooxdoo-devel@lists.sourceforge.net
> <mailto:qooxdoo-devel@lists.sourceforge.net>
> > https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
> >
>
>
> ------------------------------------------------------------------------------
> Learn Graph Databases - Download FREE O'Reilly Book
> "Graph Databases" is the definitive new guide to graph
> databases and
> their applications. This 200-page book is written by three
> acclaimed
> leaders in the field. The early access version is available now.
> Download your free book today!
> http://p.sf.net/sfu/neotech_d2d_may
> _______________________________________________
> qooxdoo-devel mailing list
> qooxdoo-devel@lists.sourceforge.net
> <mailto:qooxdoo-devel@lists.sourceforge.net>
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>
>
>
>
> --
> когда я опустился на самое дно, снизу мне постучали..
>
>
>
>
> --
> когда я опустился на самое дно, снизу мне постучали..
>
>
>
>
> --
> когда я опустился на самое дно, снизу мне постучали..
>
>
> ------------------------------------------------------------------------------
> AlienVault Unified Security Management (USM) platform delivers complete
> security visibility with the essential security capabilities. Easily and
> efficiently configure, manage, and operate all of your security controls
> from a single console and one unified framework. Download a free trial.
> http://p.sf.net/sfu/alienvault_d2d
>
>
>
> _______________________________________________
> qooxdoo-devel mailing list
> qooxdoo-devel@lists.sourceforge.net
> https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
>
------------------------------------------------------------------------------
AlienVault Unified Security Management (USM) platform delivers complete
security visibility with the essential security capabilities. Easily and
efficiently configure, manage, and operate all of your security controls
from a single console and one unified framework. Download a free trial.
http://p.sf.net/sfu/alienvault_d2d
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
