tabs

15 visualizzazioni
Passa al primo messaggio da leggere

Jalo

da leggere,
6 mar 2013, 17:33:3606/03/13
a jquer...@googlegroups.com
Ando pedido con esto, ya implementado el jquery4php en el server de la empresa, necesito tener un formulario que fuera de otros inputs, necesito que tenga 3 TABS donde se mostrara en una la descripcion de un problema, en la segunda la opcion de adicionar comentarios y la tercera una solucion al cliente final, pero como puedo realizar esto? verifique los ejemplos y siempre los muestran en forma de apertura de dialogo y lo necesito sin que se habra ese dialogo.

Muchas gracias de antemano.]

Jalo

oyepez003

da leggere,
6 mar 2013, 18:29:4206/03/13
a jquer...@googlegroups.com
Hola.

Lo unico que tienes que hacer es eliminar las lineas que crean el dialogo que son

<?php echo YsUIDialog::initWidget('dialogId') ?>

......

<?php echo YsUIDialog::endWidget() ?>


Elimina esas lineas y ya no estarán los tabs dentro del dialogo.

Saludos.

Jalo

da leggere,
7 mar 2013, 08:44:2107/03/13
a jquer...@googlegroups.com
Muchas gracias por tu pronta respuesta, pero sale un error:

TypeError: jQuery(...).wijtabs is not a function
jQuery('#tabsId').wijtabs()

A que se deberia?

oyepez003

da leggere,
7 mar 2013, 10:12:0007/03/13
a jquer...@googlegroups.com
Debes incluir el archivo de la libreria wijmo que esta en jquery4php-assets/js/jquery.wijmo.min.js

Puedes guiarte por el showcase para que veas como se hace.

Saludos

Jalir Durán

da leggere,
7 mar 2013, 10:49:2507/03/13
a jquer...@googlegroups.com
adicione las lineas:
<script type="text/javascript" src="jquery4php-assets/js/jquery.wijmo.min.js"></script>
<link rel="stylesheet" type="text/css" href="jquery4php-assets/styles/wijmo/jquery.wijmo.css"></link>

Ya no sale el error y se muestra el cuadro de tabs, solo que en el contenido sale el contenido de los tres tabs.

Al colocar jquery4php en mi web solo habia colocado las librerias js de jquery y jqueryUI asi como sus estilos y la carpeta YepSua.

Quiza mi error es ese, se deben adicionar componentes ademas de estos que esten dentro de showcase?
el codigo de los TABS esta asi:

<?php echo YsUITabs::initWidget('tabsId') ?>
  <?php echo YsUITabs::initHeader() ?>
    <?php echo YsUITabs::tab('Tab 1', '#tabs-1') ?>
    <?php echo YsUITabs::tab('Tab 2', '#tabs-2') ?>
    <?php echo YsUITabs::tab('Tab 3', '#tabs-3') ?>
  <?php echo YsUITabs::endHeader() ?>

  <?php echo YsUITabs::initTabContent('tabs-1') ?>
    <p>Tab 1 Content.</p>
  <?php echo YsUITabs::endTabContent() ?>

  <?php echo YsUITabs::initTabContent('tabs-2') ?>
    <p>Tab 2 Content.</p>
  <?php echo YsUITabs::endTabContent() ?>

  <?php echo YsUITabs::initTabContent('tabs-3') ?>
    <p>Tab 3 Content.</p>
  <?php echo YsUITabs::endTabContent() ?>

<?php echo YsUITabs::endWidget() ?>

<?php echo YsUITabs::build('#tabsId')->execute()?>

Muchas gracias de antemano.


--
Has recibido este mensaje porque estás suscrito al grupo "jQuery4PHP" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus correos electrónicos, envía un correo electrónico a jquery4php+...@googlegroups.com.
Para publicar una entrada en este grupo, envía un correo electrónico a jquer...@googlegroups.com.
Visita este grupo en http://groups.google.com/group/jquery4php?hl=es.
Para obtener más opciones, visita https://groups.google.com/groups/opt_out.
 
 

07-03-2013 11-40-21.gif

oyepez003

da leggere,
7 mar 2013, 13:07:2707/03/13
a jquer...@googlegroups.com
En que orden estas importando los .js y .css?

Saludos.

Jalir Durán

da leggere,
7 mar 2013, 14:29:4207/03/13
a jquer...@googlegroups.com
Este es el orden para los que estoy usando para jquery4php:
<link rel="stylesheet" href="css/custom-theme/jquery-ui-1.9.0.custom.min.css">
    <script type="text/javascript" src="js/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.9.0.custom.min.js"></script>
<script type="text/javascript" src="jquery4php-assets/js/jquery.wijmo.min.js"></script>
    <link rel="stylesheet" type="text/css" href="jquery4php-assets/styles/wijmo/jquery.wijmo.css"></link>

oyepez003

da leggere,
7 mar 2013, 21:37:2207/03/13
a jquer...@googlegroups.com
Bueno lo unico es que jQuery4PHP ha sido probado con la version 1.8.2 de jQueryUI y no con la 1.9

Lo que puedes hacer es usar la version 1.8.2 

o bajar la ultima version de Wijmo que seguramente tiene soporte a la ultima version de jQueryUI.

En los proximos dias vamos a liberar una version con la actualizacion de las librerias utilizadas por jQuery4PHP

Saludos cordiales

Jalir Durán

da leggere,
8 mar 2013, 08:25:4008/03/13
a jquer...@googlegroups.com
probare con la version 1.8.2, muchas gracias!!!!
Rispondi a tutti
Rispondi all'autore
Inoltra
0 nuovi messaggi