Ver Mensaje Individual
  #7 (permalink)  
Antiguo 12/01/2013, 17:11
carlosuc99
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 13 años, 5 meses
Puntos: 5
Exclamación Respuesta: Por qué no funciona esto?

Cita:
Iniciado por emprear Ver Mensaje
El problema principal es que button() no existe en jQuery (y si existe ni se para que sirve)
vos lo que necesitás es enviar el form con esa acción.
Te limpié un poco el html, pone todo tu javascript al final (queda muy desprolijo meterlo o dentro del div ó en las filas de la tabla, y el
$(document).ready(function()
sólo es necesario hacerlo una vez y dentro de el tus funciones
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  7. </head>
  8. <div id="newaircraftdialog" title="New Aircraft">
  9. <form action="new_aircraft_process.php" method="post" enctype="application/x-www-form-urlencoded">
  10.     <table>
  11.     <tr><td class="forms">ICAO:</td><td><input maxlength="4" type="text" name="icao" size="30"/></td></tr>
  12.     <tr><td class="forms">Name:</td><td><input type="text" name="name" size="30"/></td></tr>
  13.     <tr><td class="forms">Weight Empty:</td><td><input type="text" name="weightempty" size="30"/></td></tr>
  14.     <tr><td class="forms">Weight Full:</td><td><input type="text" name="weightfull" size="30"/></td></tr>
  15.     <tr><td class="forms">Cargo Full:</td><td><input type="text" name="cargofull" size="30"/></td></tr>
  16.     <tr><td class="forms">Cruise Speed:</td><td><input type="text" name="cruisespeed" size="30"/></td></tr>
  17.     <tr><td class="forms">Range:</td><td><input type="text" name="range" size="30"/></td></tr>
  18.     <tr><td class="forms">Price:</td><td><input type="text" name="price" size="30"/></td></tr>
  19.     <tr><td class="forms">Number Classes:</td><td><select id="numberclasses" name="numberclasses">
  20.         <option value="0">Select Number of Classes</option>
  21.         <option value="1">One Classes (Economy)</option>option value="2">Two Classes (Business & Economy)</option><option value="3">Three Classes (First, Business & Economy)</option>    </select></td></tr>
  22.    <tr><td class="forms">First Class Seats:</td><td><input disabled="disabled" type="text" id="firstclassseats" name="firstclassseats" size="30"/></td></tr>
  23.     <tr><td class="forms">Business Class Seats:</td><td><input disabled="disabled" type="text" id="businessclassseats" name="businessclassseats" size="30"/></td></tr>
  24.     <tr><td class="forms">Economy Class Seats:</td><td><input disabled="disabled" type="text" id="economyclassseats" name="economyclassseats" size="30"/></td></tr>
  25.    <tr><td></td><td><input id="insertaircraft" type="submit" value="Insert Aircraft"/></td></tr>
  26.    </table>
  27. </form>
  28. </div>
  29. <script type="text/javascript">
  30. $(document).ready(function() {
  31. $("#insertaircraft").click(function(event) {
  32. event.preventDefault(); // si envías con ajax desde un botón submit
  33. alert('enviar x ajax');
  34. });
  35.    
  36. $("#numberclasses").change(function() {
  37. value = $(this).val();
  38. str = parseInt(value);
  39. switch(str){
  40.     case 0:
  41.         $("#firstclassseats").attr("disabled","disabled");
  42.         $("#businessclassseats").attr("disabled","disabled");
  43.         $("#economyclassseats").attr("disabled","disabled");
  44.     break;
  45.  
  46.     case 1:
  47.         $("#economyclassseats").removeAttr('disabled');
  48.         $("#firstclassseats").attr("disabled","disabled");
  49.         $("#businessclassseats").attr("disabled","disabled");
  50.     break;
  51.  
  52.      case 2:
  53.         $("#businessclassseats").removeAttr('disabled');
  54.         $("#economyclassseats").removeAttr('disabled');
  55.         $("#firstclassseats").attr("disabled","disabled");
  56.     break;
  57.  
  58.     case 3:
  59.         $("#firstclassseats").removeAttr('disabled');
  60.         $("#businessclassseats").removeAttr('disabled');
  61.         $("#economyclassseats").removeAttr('disabled');
  62.     break;
  63.  
  64.   }
  65.  });
  66.  });
  67. </body>
  68. </html>

Primero probalo en forma individual y después en lugar del alert usás $ajax ó $post de jQuery

SAludos
Ok, pero el verdadero problema no esta ahí. Como ya dije estaba en el otro scrpt y el otro script ya para empezar cuando lo llamaba desde el index.php no era capaz de obtener el resulta del select "numberofclasses" y en el archivo directamente no da problemas.

Con eso lo solucionare? Creo que con eso solo tacas el boton y eso funciona sin problemas.