Tema: Enviar datos de un Jquery Tab a PHP
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 21/06/2011, 01:35
Avatar de livemusic
livemusic
 
Fecha de Ingreso: abril-2011
Ubicación: Lima - Chorrillos
Mensajes: 150
Antigüedad: 13 años
Puntos: 18
Respuesta: Enviar datos de un Jquery Tab a PHP
Mira no entiendo como lo estas trabajando pero te recomiendo q lo trabajes de la siguiente forma,, :) espero y te sea de mucha ayuda...

////////HTML

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Documento sin título</title>
  6. <script src="http://www.google.com/jsapi"></script>
  7. <script>
  8.     google.load("jquery", "1.6.1");
  9. </script>
  10. <script type="text/JavaScript">
  11.  
  12. function fn_insert_user(){
  13.     var str = $("#insert_user").serialize();
  14.     $.ajax({
  15.         url: 'demo.php',
  16.         data: str,
  17.         type: 'post',
  18.         success: function(data){
  19.             $("#show").html(data);
  20.         }
  21.     });
  22. };
  23.  
  24. function wizard(integer){
  25.     $('#myslide .cover').animate({left:-350*(parseInt(integer)-1)})
  26.     $('#button a').each(function(){
  27.     $(this).removeClass('active');
  28.         if($(this).hasClass('button'+integer)){
  29.             $(this).addClass('active')
  30.         }
  31.     });
  32. }
  33.  
  34. $(function(){
  35.     $('#button a').click(function(){
  36.         var integer = $(this).attr('rel');
  37.         wizard(integer);
  38.         return false;
  39.     });
  40. })
  41.  
  42. </script>
  43. <style type="text/css">
  44.     #myslide {width:350px;overflow:hidden;position: relative;height:330px;margin-bottom:20px}
  45.     #myslide .cover{width:1400px; position: absolute; height:350px;}
  46.     #myslide .mystuff {width:350px;float:left;margin:20px 0;}
  47.     .button1,.button2,.button3,.button4{background:#999;padding:6px;display:block;float:left;margin-right:5px;}
  48.     .active{background:#111;padding:6px;display:block;float:left;outline:none;}
  49.     .clear{clear:both;}
  50. </style>
  51. </head>
  52.  
  53. <body>
  54.     <div id="button">
  55.          <a class="button1 active" rel="1" href="#"></a>
  56.          <a class="button2" rel="2" href="#"></a>
  57.          <a class="button3" rel="3" href="#"></a>
  58.          <a class="button4" rel="4" href="#"></a>
  59.     </div>
  60.     <div class="clear"></div>
  61.     <div id="myslide">
  62.         <form action="javascript: fn_insert_user();" id="insert_user">
  63.         <div class="cover">
  64.             <div class="mystuff">
  65.               <label>Ingresar Nombre <input type="text" name="txtNombre" /></label>
  66.             </div>
  67.             <div class="mystuff">
  68.               <label>Ingresar Apellido <input type="text" name="txtApellido" /></label>
  69.             </div>
  70.             <div class="mystuff">
  71.               <label>Ingresar Telefono <input type="text" name="txtTelefono" /></label>
  72.             </div>
  73.             <div class="mystuff">
  74.               <label>Mostrar datos <input type="submit" value="Mostrar datos" /></label>
  75.             </div>
  76.         </div>
  77.         </form>
  78.     </div>
  79.     <div class="clear"></div>
  80.     <div id="show"></div>
  81. </body>
  82. </html>

//////// PHP

Código PHP: 
Ver original
  1. <?php
  2.     $nombre   = $_POST['txtNombre'];
  3.     $apellido = $_POST['txtApellido'];
  4.     $telefono = $_POST['txtTelefono'];
  5.     
  6.     echo "$nombre $apellido $telefono\n";
  7.     
  8. ?>


Saludos suerte si ay algo q no te sale me avisas SALUDOS... suerte