Toolbar: Add option "external"

[gabrielschulhof]

external:

• null: use current code (roughly this.element.closest(".ui-page")) to detect whether you're in a page.
• true: Assume you're external
• false: Assume you're internal

The reason we need this is that external toolbars set all current and future pages to position: relative, however, if a toolbar is instantiated on a floating piece of DOM, it will not find a parent page, thus affecting all current pages.

Additionally, the code for setting the pages as relative should key off of this.document instead of running a global selector, i.e., this.document.find( ... )... (in toolbar.js:_setRelative())

[gabrielschulhof]

Oh, check other places/widgets where we check whether a widget is inside a page and create this option there too.

[cgack]

@gabrielschulhof is there a specific demo/example where I can see this?

[gabrielschulhof]

@cgack I was going to build selectmenu that way to save on DOM manip, but I couldn't, because it was marking all pages as position: relative.

Try this:

1. Go to http://jsbin.com/zifoxi/
2. Click "Go to other page"
3. Click "Go back"
4. Click "Create popup"
5. Click "Go to other page"

At this point the other page will appear below the current page, which is itself visibility: hidden-ed, because, upon its creation, the toolbar set all pages to be position: relative, so now they appear below one another.

This problem doesn't happen if you attach the toolbar div to the DOM and into a page before instantiating the toolbar on it.

[Bachstelze]

The example isn't working anymore, http://view.jquerymobile.com/1.5-dev/dist/jquery.mobile.js returns a 404 error