Foros del Web » Programando para Internet » Jquery »

[jQuery] - attr() en campo input button no funciona

Estas en el tema de [jQuery] - attr() en campo input button no funciona en el foro de Jquery en Foros del Web. Hola. Llevo un par de días a vueltas con un trozo de código pequeño y sencillo, pero no veo yo el error: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código ...
  #1 (permalink)  
Antiguo 11/09/2011, 10:33
Avatar de KoswiDigital  
Fecha de Ingreso: abril-2011
Ubicación: Galicia - España
Mensajes: 220
Antigüedad: 13 años
Puntos: 37
[jQuery] - attr() en campo input button no funciona

Hola.

Llevo un par de días a vueltas con un trozo de código pequeño y sencillo, pero no veo yo el error:

Código Javascript:
Ver original
  1. // JavaScript Document
  2.  
  3. $(document).ready(function()
  4. {
  5.     $('#mostrar_al').click(function()
  6.     {
  7.         $('#mostrar_al').attr(
  8.         {
  9.             value: 'Cargando...',
  10.             disabled: true
  11.         });
  12.        
  13.         $('.galimg').empty();
  14.         data = $('#sel_alb').val();
  15.        
  16.         $.ajax(
  17.         {
  18.             url: '/_scripts/show_gal_foto.php',
  19.             type: 'post',
  20.             data: 'da='+data,
  21.             success: function(result)
  22.             {
  23.                 $('.galimg').append(result).fadeIn(500);
  24.                 $('.thumbox').prettyPhoto();
  25.             }
  26.         });
  27.        
  28.         $('#mostrar_al').attr(
  29.         {
  30.             value: 'Mostrar',
  31.             disabled: false
  32.         });
  33.     });
  34. });

#mostrar_al es un input de tipo button, que al pusar carga un contenido a través de ajax. Y lo hace, si, pero yo quiero que cuando se pulse quede desactivado (disabled) y cambie el valor a "Cargando...". Y no lo hace.

Si pongo un return false después del attr() sí funciona. Entonces, ¿por qué si continúa el script no hace caso? No logro dar con el problema.

A ver si alguien lo ve y me orienta. Gracias.
__________________
http://www.koswidigital.com - Diseño web, Programación web, Fotografía profesional, Retoque digital.
  #2 (permalink)  
Antiguo 11/09/2011, 10:44
Avatar de KoswiDigital  
Fecha de Ingreso: abril-2011
Ubicación: Galicia - España
Mensajes: 220
Antigüedad: 13 años
Puntos: 37
Respuesta: [jQuery] - attr() en campo input button no funciona

Vaya... tenía que postearlo aquí para verlo!

En lugar de decirle que lo vuelva a dejar como estaba en el success del ajax, lo puse fuera de éste -.-"

Ya que está solucionado dejo el código -correcto-:

Código Javascript:
Ver original
  1. $(document).ready(function()
  2. {
  3.     $('#mostrar_al').click(function()
  4.     {
  5.         $('#mostrar_al').attr(
  6.         {
  7.             value: 'Cargando...',
  8.             disabled: true
  9.         });
  10.        
  11.         $('.galimg').empty();
  12.         data = $('#sel_alb').val();
  13.        
  14.         $.ajax(
  15.         {
  16.             url: '/_scripts/show_gal_foto.php',
  17.             type: 'post',
  18.             data: 'da='+data,
  19.             success: function(result)
  20.             {
  21.                 $('.galimg').append(result).fadeIn(500);
  22.                 $('.thumbox').prettyPhoto();
  23.                 $('#mostrar_al').attr(
  24.                 {
  25.                     value: 'Mostrar',
  26.                     disabled: false
  27.                 });
  28.             }
  29.         });
  30.     });
  31. });


Gracias igualmente! Un saludo.
__________________
http://www.koswidigital.com - Diseño web, Programación web, Fotografía profesional, Retoque digital.

Etiquetas: ajax, attr, input, javascript, php, campos
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:52.