Problem is not in sample code. This code:
var root = new qx.ui.mobile.core.Root(el);
creates NEW visible page elements on screen and in dom. I do not need to
create any new (at last visual) dom elements. My document already contains
input field and I'd like to attach qooxdoo widget to it. Moreover if you'll
remove embed.Html created root element will be still on screen with
TextField.
I'm still looking for solution.
2013/5/17 Daniel Wagner <daniel.wag...@1und1.de>
> 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
>
--
когда я опустился на самое дно, снизу мне постучали..
------------------------------------------------------------------------------
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
