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

problema con insercion de div con css

Estas en el tema de problema con insercion de div con css en el foro de Frameworks JS en Foros del Web. buenas amigos, sinceramente no sé muy bien como explicar el problema que tengo, pues suena como algo rutinario, pero la verdad me parece ful extraño. ...
  #1 (permalink)  
Antiguo 05/03/2015, 17:10
 
Fecha de Ingreso: marzo-2011
Ubicación: Caracas
Mensajes: 389
Antigüedad: 13 años, 8 meses
Puntos: 16
problema con insercion de div con css

buenas amigos, sinceramente no sé muy bien como explicar el problema que tengo, pues suena como algo rutinario, pero la verdad me parece ful extraño. espero puedan darme una luz.

Tengo un validador en js para formularios, funciona bien. Tiene una serie de validaciones, uno pasa la configuracion el evalua y si consigue algún error en un campo inserta un div antes (o despues) de dicho campo mostrando el mensaje de error. Hasta allí todo bien, la cosa es que al intentar aplicarlo en un formulario cargado con ajax. no me muestra el div del msj de error, y digo que es raro pues haciendo debug me he fijado que llega hasta el lugar donde se hace la inserción y simplemente no la inserta, no con la clase css. si quito la clase css si inserta el div con el mensaje. A alguien le ha pasado algo así ? Gracias.

Aqui muestro el código de mensaje de error, que no es que sea exactamente así, sino que así ha quedado mientras pruebo.
Código Javascript:
Ver original
  1. mensajeError:function(){
  2.                 var errores = jv.errores;
  3.                 if(!jv.totalError){
  4.                     campo = obj=[Object.keys(errores)[0]];
  5.                    
  6.                     var $campo = $("#"+campo);
  7.                    
  8.                     $("."+jv.config.ccsError).remove();
  9.                     var msj = (jv.validacionesForm[campo][jv.errores[campo]].mensaje)
  10.                                 ?jv.validacionesForm[campo][jv.errores[campo]].mensaje:
  11.                                 jValidador.validaciones[jv.errores[campo]].mensaje;
  12.                     $(window).scrollTop($campo.offset().top-150);
  13.                     $campo.focus();
  14.                     if(!jv.config.divError){
  15.                         console.log("im here");
  16.                         $div = $("<div></div>");
  17.                         console.log($campo);
  18.                         if($campo.after($div.html(msj))){
  19.                           //  $div.addClass(jv.config.cssError);
  20.                         }
  21.                     }
  22.                        
  23.                     else{
  24.  
  25.                         $(jv.config.divError).html('<div class="'+jv.config.cssError+'">'+msj+'</div>');
  26.                     }
  27.                 }
  28.                 var v  = jv.errores[campo];
  29.         },

Así tal cual como esta lo muestra el mensaje, pro si descomento esta linea
Código Javascript:
Ver original
  1. $div.addClass(jv.config.cssError);
o si simplemente creo el div con el css agregado o concateno las funciones :
Código Javascript:
Ver original
  1. //esto
  2. $div = $('<div class="div-error"></div>')
  3. //o esto
__________________
Lo imposible es lo posible visto por los ojos de un incapaz.
Si te sirve la respuesta. dale + al karma.
Saludos

Etiquetas: ajax, css, formulario, funcion, html, javascript, js
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 14:18.