Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Ajax, y textareas con tiny_mce editor de texto.

Estas en el tema de Ajax, y textareas con tiny_mce editor de texto. en el foro de Frameworks JS en Foros del Web. Hola. Tengo un pequeño problemilla. Estoy utilizado tiny_mce para convertir los textarea en pequeños editores de texto.. siempre me ha funcionado sin problemas con el ...
  #1 (permalink)  
Antiguo 28/12/2010, 06:34
 
Fecha de Ingreso: diciembre-2008
Mensajes: 2
Antigüedad: 15 años, 4 meses
Puntos: 0
Ajax, y textareas con tiny_mce editor de texto.

Hola.

Tengo un pequeño problemilla. Estoy utilizado tiny_mce para convertir los textarea en pequeños editores de texto.. siempre me ha funcionado sin problemas con el tradiccional envio de formularios.. ahora que entrado en el apasionante mundo de Ajax, me surge el problema de que al enviar los datos del formulario al php que los procesa e inserta en la bese de datos, el campo descripción que es el nombre del campo que tiene asignado el textarea se me pasa vacio.. (por lo menos la primera vez, ya que si sigo pulsando el botón de submmit del formulario, la 2 vez si me inserta otro registro con el campo descripción cubierto perfectamente, a no ser que lo haya modificado que en cuyo caso me introduciría el anterior.)

Tegno que decir que el resto de campos me los pasa perfectamente y con su correspondiente valor he provado con el método POST y con GET y me pasa absolutamente lo mismo. Con un textarea normal tambien funciona perfectamente.

No se si alguien le ha pasado algo parecido o si podéis echarme un cable.



Ajax utilizando jquery

Código Javascript:
Ver original
  1. $(document).ready(function(){  
  2.             // Interceptamos el evento submit
  3.             $('#formulario').submit(function(event) {  
  4.                 event.preventDefault();  
  5.                 var url = $(this).attr('action');  
  6.                 var datos = $(this).serialize();  
  7.                 $.post(url, datos, function(resultado) {  
  8.                     $('#message').css('display','block');
  9.                     $('#message').html(resultado);  
  10.                 });  
  11.             });  
  12. });

Formulario


Código HTML:
Ver original
  1. <form id="formulario" action="funciones/datos_productos.php" method="post" enctype="multipart/form-data" name="formulario">
  2.     <input type='hidden' name='MAX_FILE_SIZE' value='3500000'>
  3.     <input type='hidden' name='opcion' value='alta'>
  4. <label for="campo_nombre">Nombre(*):</label></td>
  5.     <input id="campo_nombre" type='text' name='nombre' class="required">    <label for="elm1">Descripcion:</label>
  6.   <textarea id='elm1' name='descripcion'  cols='10' rows='10' class='area' style="width:70%;"></textarea>
  7.     <label for="campo_precio">Precio:</label>
  8.     <input id="campo_precio" type='text' name='pvp' class="number" value="0">
  9.     <label for="campo_precio1">Precio 1:</label>
  10.     <input id="campo_precio1" type='text' name='pvp1' class="number" value="0">
  11.     <label for="campo_precio2">Precio 2:</label>
  12.     <input id="campo_precio2" type='text' name='pvp2' class="number" value="0">
  13.  
  14. <label for="campo_descuento">Descuento:</label>
  15.     <input id="campo_descuento" type='text' name='descuento' class="number" value="0">
  16.     Foto:  <div id="upload_button">Seleccionar Imagen</div>
  17.       <input type="text" id="foto" value="vacio" name="foto" style="background-color:transparent; border: 0px solid #FFF; margin-bottom:5px; outline: 0px solid #19D1FF; display:none;" class="no-stile" readonly="readonly">
  18. <div id="imagen-cargada" style="display:none;">   </div>
  19.  
  20.     <label for="nombrefamilia"> Familia (*)</label>
  21.     <select name='nombrefamilia' class='seleccion'>
  22.  <option> 122 </option>
  23.  <option> Consulta 2 </option>
  24.        
  25.         <label for="oferta">Oferta (*)</label>
  26.         <input id="oferta_si" name="oferta" value="1" type="radio" class="cheked-box"><label for="oferta_si">SI</label>
  27.         <input id="oferta_no" name="oferta" value="0" type="radio" checked="checked"  class="cheked-box"><label for="oferta_no">NO</label>
  28.  
  29.     <label for="nombrefamilia">Visualizar (*):</label>
  30.         <input id="visualizar_si" name="visualizar" value="1" type="radio" class="cheked-box"><label for="visualizar_si">SI</label>
  31.         <input id="visualizar_no" name="visualizar" value="0" type="radio" checked="checked"  class="cheked-box"><label for="visualizar_no">NO</label>
  32.  
  33.     <input type="submit" name="login" value="Aceptar" class="botones" id="enviar">&nbsp;
  34. <INPUT type="reset" class="botones" value="Cancelar"></form>

código php para las pruebas:

Código PHP:
Ver original
  1. if (isset($_POST['opcion'])){
  2.     $opcion=$_POST['opcion'];
  3.     include("../objects/base_datos.php");
  4.     switch ($opcion){
  5.         case "alta":
  6.             $registro= new base_datos;
  7.             $identificador_familia=$registro->consultar_id_nombre("familias", $_POST['nombrefamilia'], "Id_familia");
  8.             $operacion=true;
  9.             if ($_POST['nombre']==""){$operacion=false; echo "<li class='opeaciones'> Necesitamos el nombre para continuar.</li>";}
  10.             if(!is_numeric($_POST['pvp'])){$operacion=false; echo "<li class='opeaciones'> El precio debe ser n&uacute;merico.</li>";}
  11.             if(!is_numeric($_POST['pvp1'])){$operacion=false; echo "<li class='opeaciones'> El precio debe ser n&uacute;merico.</li>";}
  12.             if(!is_numeric($_POST['pvp2'])){$operacion=false; echo "<li class='opeaciones'> El precio debe ser n&uacute;merico.</li>";}
  13.             if(!is_numeric($_POST['descuento'])){$operacion=false; echo "<li class='opeaciones'> El descuento debe ser n&uacute;merico.</li><br>";}
  14.             if($_POST['foto']==""){$_POST['foto']="vacio";}
  15.             if($operacion==true){
  16.                 $datos[0]="0"; $datos[1]=$_POST['nombre']; $datos[2]=$_POST['descripcion']; $datos[3]=$_POST['pvp']; $datos[4]= $_POST['pvp1'];
  17.                 $datos[5]= $_POST['pvp2']; $datos[6]=$_POST['descuento']; $datos[7]=$identificador_familia; $datos[8]=$_POST['foto'];
  18.                 $datos[9]=$_POST['oferta']; $datos[10]=$_POST['visualizar'];
  19.                 echo $registro->insertar_registro($datos,"productos");
  20.             }
  21.             break;
  22.     }//fin switch
  23. }else{
  24.     echo "Error.";
  25. }//fin isset

Etiquetas: ajax, jquery, mce, tint, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:08.