Ver Mensaje Individual
  #9 (permalink)  
Antiguo 14/09/2015, 15:19
Avatar de joseherran
joseherran
 
Fecha de Ingreso: septiembre-2015
Ubicación: cali valle
Mensajes: 23
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: formulario validación Jquery y ajax

este es el ajax de los formularios.

Código Javascript:
Ver original
  1. $(document).ready(function()
  2. {
  3.     var base_url = $('#baseurl').html();  // seleccionamos la base url de un div
  4.  
  5.     $(document).on("click", ".view_message", function(event)
  6.     {
  7.         event.preventDefault();
  8.         $.ajax({
  9.             type: "POST",
  10.             url: base_url + $(this).attr('href'),
  11.             beforeSend: function() {
  12.                 $("#cboxContent").html('<img src="' + base_url + 'uploads/default/loading.gif" width="28" height="28"/>');
  13.             },
  14.             success: function(html) {
  15.                 $("#cboxContent").html(html);
  16.             },
  17.             error: function(err)
  18.             {
  19.                 alert("Ocurrió un error. Por favor inténtelo de nuevo.");
  20.             }
  21.         });
  22.     });
  23.  
  24.  
  25.     var subCatArrayOld = new Array();
  26.  
  27.     /*$(document).on("mousemove", ".sortable", function(event) // evento mouseover o mousemove
  28.      {*/
  29.     $(".sortable").sortable
  30.             ({
  31.                 update: function()
  32.                 {
  33.  
  34.                 },
  35.                 create: function(event, ui)
  36.                 {
  37.                     // guardamos la posición de las categorias en un array global
  38.                     if (subCatArrayOld.length == 0)
  39.                     {
  40.                         subCatArrayOld = $(this).sortable("toArray");
  41.                     }
  42.                 },
  43.                 stop: function(event, ui)
  44.                 {
  45.                     idParent = $(this).parents().eq(0).attr('id');
  46.                     if (isNaN(idParent))
  47.                     {
  48.                         idParent = 0;
  49.                     }
  50.                     subCatArray = $(this).sortable("toArray");
  51.                     // si la posición de los widgets cambio, guardamos el cambio en la BD
  52.                     console.log(subCatArray);
  53.                     console.log(subCatArrayOld);
  54.                     if (subCatArrayOld.compare(subCatArray) === false)
  55.                     {
  56.                         Sortable($(this), subCatArray, idParent);
  57.                     }
  58.                 },
  59.             });
  60.     //});
  61.  
  62.     function Sortable(element, subCatArray, idParent)
  63.     {
  64.         $.ajax
  65.                 ({
  66.                     type: "POST",
  67.                     dataType: "json",
  68.                     url: base_url + 'admin/contact_us/orden_categories/',
  69.                     data: ({subCatArray: subCatArray, idParent: idParent}),
  70.                     beforeSend: function()
  71.                     {
  72.                         $('#ajax_message').html('<img src="' + base_url + 'uploads/default/loading.gif" width="28" height="28" class="img_loadig" />');
  73.                     },
  74.                     success: function(data)
  75.                     {
  76.                         //$("#carga").empty();
  77.                         //alert(data.msg);
  78.                         if (data.status == 'error')
  79.                         {
  80.                             $('#ajax_message').html('<div style="color: red">' + data.msg + '</div>');
  81.                             //location.reload();
  82.                         }
  83.                         else
  84.                         {
  85.                             $('#ajax_message').html('<div style="color: green">' + data.msg + '</div>');
  86.                         }
  87.                     },
  88.                     error: function(err)
  89.                     {
  90.                         alert("Ocurrió un error. Por favor inténtelo de nuevo.", err);
  91.                         //$("#carga").empty();
  92.                     }
  93.                 });
  94.     }
  95.  
  96.     // comparar dos array para saber si son iguales
  97.     Array.prototype.compare = function(array)
  98.     {
  99.         // if the other array is a falsy value, return
  100.         if (!array)
  101.             return false;
  102.  
  103.         // compare lengths - can save a lot of time
  104.         if (this.length != array.length)
  105.             return false;
  106.  
  107.         for (var i = 0; i < this.length; i++) {
  108.             // check if we have nested arrays
  109.             if (this[i] instanceof Array && array[i] instanceof Array) {
  110.                 // recurse into the nested arrays
  111.                 if (!this[i].compare(array[i]))
  112.                     return false;
  113.             }
  114.             else if (this[i] != array[i]) {
  115.                 // Warning - two different object instances will never be equal: {x:20} != {x:20}
  116.                 return false;
  117.             }
  118.         }
  119.         return true;
  120.     }
  121. });