Thanks for your answer mk.keck : it's a good one !!!
To use tabs in Dialog :
HTML : use a container "dialog" to display a "tabs" container
JQUERY : see mk.keck comments ;)
I dont know if it possible to closed this subject :( ... i check for
that... :)
Best regard
mrn31
On 21 oct, 15:43, "mk.keck" <m...@michaelkeck.de> wrote:
> of course tabs in dialogs are working:
> you should change your code a little:
>
> <!-- html part -->
> <div id="dialog_with_tabs" title="Create new user">
> <div id="tabs_in_dialog">
> <ul>
> <li><a href="#tabs-1">Tab 1</a></li>
> <li><a href="#tabs-2">Tab 2</a></li>
> <li><a href="#tabs-3">Tab 3</a></li>
> </ul>
> <div id="tabs-1">
> <p>Content of Tab "1"</p>
> </div>
> <div id="tabs-2">
> <p>Content of Tab "2"</p>
> </div>
> <div id="tabs-3">
> <p>Content of Tab "3"</p>
> </div>
> </div>
> </div>
> <!-- html part -->
>
> <!-- jquery part -->
> $("#dialog_with_tabs").dialog({
> bgiframe: true,
> autoOpen: false,
> height: 500,
> width: 500,
> modal: true,
> buttons: {
> Cancel: function() {
> $(this).dialog('close');
> }
> }
> });
> $("#dialog_with_tabs").bind('dialogopen', functon() {
> /* init tabs, when dialog is opened */
> $("#tabs_in_dialog").tabs();
> });
> $("#dialog_with_tabs").bind('dialogclose', functon() {
> /* your function */
> allFields.val('').removeClass('ui-state-error');
> /* destroy tabs to avoid problems on re-open */
> $("#tabs_in_dialog").tabs('destroy');
> /* destroy dialog to avoid problems on re-open */
> $("#dialog_with_tabs").tabs('destroy');
> });
> /* your function to open the dialog */
> $("#dialog_with_tabs").dialog('open');
> <!-- jquery part -->
>
> On Oct 20, 2:21 am, mrn31 <marineisher...@gmail.com> wrote:
>
> > Hi all , i try this but i get some troubles :
>
> > -------- HTML ---------
>
> > <button id="tabtest" class="ui-button ui-state-default ui-corner-
> > all">tabtest</button>
>
> > <div id="dialogtab" title="Create new user">
> > <ul>
> > <li><a href="#tabs-1">Nunc tincidunt</a></li>
> > <li><a href="#tabs-2">Proin dolor</a></li>
> > <li><a href="#tabs-3">Aenean lacinia</a></li>
> > </ul>
> > <div id="tabs-1">
> > <p>p1</p>
> > </div>
> > <div id="tabs-2">
> > <p>p1</p>
> > </div>
> > <div id="tabs-3">
> > <p>p1</p>
> > <p>p2</p>
> > </div>
>
> > </div>
>
> > -------- JS ---------
>
> > $("#dialogtab").dialog({
> > bgiframe: true,
> > autoOpen: false,
> > height: 500,
> > width: 500,
> > modal: true,
> > buttons: {
> > Cancel: function() {
> > $(this).dialog('close');
> > }
> > },
> > close: function() {
> > allFields.val('').removeClass('ui-state-error');
> > }
> > });
> > $("#dialogtab").tabs();
>
> > $('#tabtest').click(function() {
> > $('#dialogtab').dialog('open');
> > })
>
> > It seems that tabs get strange events there...
>
> > The aim is to get tabs in a modal window.
>
> > Hope you could help.
>
> > Tx all for your project, it was cool to do with it
>
> > Regards
>
> > marine
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
