uso del tabview en un formulario modal

[Jose Puertas]

Hola Pascal,

Estoy poniendo el widget tabview en un formulario modal, pero no funciona correctamente, en la primera carga salen todos los div #tab1,#tab2 y #tab3, despues cuando seleccionamos los diferentes tab, si que cambia pero se queda seleccionado el tab anterior y no lo hace bien, te paso el código por si ves qué estoy haciendo mal.

<div id="dlg_jugadores" class="zdk-modal" title="<?php echo LC_NOM_EQUIPO; ?>">

    <form class="zdk-form" id="mis_jugadores"

          data-zdk-action="jugadoresctrl:enregistrer"

          data-zdk-datatable="table_jugadores">

        <div id="default">

            <ul>

                <li><a href="#tab1">Datos deportivos</a></li>

                <li><a href="#tab2">Datos personales</a></li>

                <li><a href="#tab3">Datos económicos</a></li>

            </ul>

            <div id="tab1" >

                <fieldset >

                    

                    ........

......

......

......

</fieldset>

 <fieldset>

            <div class="zdk-form-buttonpane ui-widget-content ui-helper-clearfix">

                <button class="zdk-bt-save zdk-close-dialog" type="submit">Guardar</button>

                <button class="zdk-bt-cancel zdk-close-dialog" type="button">Cancelar</button>

            </div>

        </fieldset>

        <input class="zdk-row-id" type="hidden" name="id_jugador">

    </form>

</div>

y este es el script

<script type="text/javascript">

    $(function () {

        $('#default').puitabview();

    });

</script>

Saludos

[Pascal Martinez]

Hola José,

Reproduzco tu problema.

Investigo y vuelvo a ver te cuando tengo una explicación.

Hasta pronto,

Pascal MARTINEZ

www.znetdk.fr

[Pascal Martinez]

José,

Tienes que añadir una <DIV/> como mostrado a continuación:

<div id="default">
    <ul>
        <li><a href="#tab1">Tab 1</a></li>
        <li><a href="#tab2">Tab 2</a></li>
        <li><a href="#tab3">Tab 3</a></li>
    </ul>
    <div> <!-- No olvidar ! -->
        <div id="tab1">
            content 1
        </div>
        <div id="tab2">
            content 2
        </div>
        <div id="tab3">
            content 3
        </div>
    </div> <!-- No olvidar ! -->
</div>




Pascal MARTINEZ

www.znetdk.fr

[Jose Puertas]

Muchas gracias Pascal, ahora todo correcto, y mira que revisé y revisé el código e incluso en la página de primefaces, pero no hay nada como la experiencia, que de eso tú tienes mucha,

Saludos