Ver Mensaje Individual
  #2 (permalink)  
Antiguo 20/06/2011, 09:20
Avatar de kimmy
kimmy
 
Fecha de Ingreso: julio-2008
Mensajes: 841
Antigüedad: 15 años, 9 meses
Puntos: 15
Respuesta: Enviar datos de un Jquery Tab a PHP

Segui buscando y como estoy usando JQuery UI consegui algo que empleo de esta manera:

Código Javascript:
Ver original
  1. jQuery.fn.validateTab = function (toTab) {
  2. var isValid = true;
  3. $(this).find("input, select").each(function () {
  4. if (isValid) {
  5. isValid = $(this).valid();
  6. } else {
  7. $(this).valid();
  8. }
  9. });
  10. if (isValid) {
  11. if (!toTab) {
  12. toTab = 0;
  13. }
  14. $("#tabs").tabs('select', toTab);
  15. }
  16. return false;
  17. }
  18.  
  19. $(document).ready(function () {
  20. $('#btnToPhoneNumber').click(function (e) {
  21. e.preventDefault();
  22. $("#EventoTab").validateTab(1);
  23. });
  24. $('#btnToGeneral').click(function (e) {
  25. e.preventDefault();
  26. $("#AtraccTab").validateTab(0);
  27. });
  28. $('#AlimentoTab').click(function (e) {
  29. e.preventDefault();
  30. $("#").validateTab(0);
  31. });
  32.  
  33. $('#FestejosTab').click(function (e) {
  34. e.preventDefault();
  35. $("#").validateTab(0);
  36. });
  37.  
  38. $('#EntretenTab').click(function (e) {
  39. e.preventDefault();
  40. $("#").validateTab(0);
  41. });
  42.  
  43.  
  44. $('#DecorTab').click(function (e) {
  45. e.preventDefault();
  46. $("#").validateTab(0);
  47. });
  48.  
  49. });

Estos son mis tab:

Código HTML:
Ver original
  1. <form id="MultiTabValidation" action="detalles.php" method="post">
  2. <!-- tabs -->
  3.     <ul class="tabs">
  4.         <li><a href="#EventoTab" class="w2 current">Evento</a></li>
  5.         <li><a href="#AtraccTab" class="w2">Atracciones</a></li>
  6.         <li><a href="#AlimentoTab" class="w2">Alimentos/Bebidas</a></li>
  7.         <li><a href="#FestejosTab" class="w2">Serv. Festejos</a></li>
  8.         <li><a href="#EntretenTab" class="w2">Entretenimiento</a></li>
  9.         <li><a href="#DecorTab" class="w2">Decoración</a></li>
  10.     </ul>
  11.  
  12. <!-- panes -->
  13. <div class="panes">
  14. <div style="display: block;">
  15. //aqui varios input text
  16. </div>
  17. <div style="display: block;">
  18. //aqui varios checkbox
  19. </div>
  20. //...etc
  21. </div>

al final coloco el boton que enviará todo a una pagina php:

Código HTML:
Ver original
  1. <button id="btnSubmit" name="btnSubmit" type="button">Submit</button>

EL problema es que no se como enviarlo a este documento y pasar los valores que el usuario ingresó.

Por favor necesito que me ayuden a entender como hago esto.

Gracias
__________________
Caminando con el corazón partío