Foros del Web » Programando para Internet » Javascript »

Hacer desaparecer div

Estas en el tema de Hacer desaparecer div en el foro de Javascript en Foros del Web. Buenas, Tengo este form hecho con AJAX: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original function form ( ) {             ...
  #1 (permalink)  
Antiguo 16/01/2013, 11:46
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 13 años, 5 meses
Puntos: 5
Exclamación Hacer desaparecer div

Buenas,

Tengo este form hecho con AJAX:

Código Javascript:
Ver original
  1. function form(){
  2.    
  3.         var icao = document.getElementById('icao').value;
  4.         var name = document.getElementById('name').value;
  5.         var weightempty = document.getElementById('weightempty').value;
  6.         var weightfull = document.getElementById('weightfull').value;
  7.         var cargofull = document.getElementById('cargofull').value;
  8.         var cruisespeed = document.getElementById('cruisespeed').value;
  9.         var range = document.getElementById('range').value;
  10.         var price = document.getElementById('price').value;
  11.         var firstclassseats = document.getElementById('firstclassseats').value;
  12.         var businessclassseats = document.getElementById('businessclassseats').value;
  13.         var economyclassseats = document.getElementById('economyclassseats').value;
  14.         ajax.open("POST","new_aircraft_process.php",true);
  15.         ajax.onreadystatechange=function(){
  16.             if(ajax.readyState==4)
  17.             {
  18.             var respuesta=ajax.responseText;
  19.            
  20.            
  21.             document.getElementById('result').innerHTML=ajax.responseText;
  22.             $("#newaircraftdialog").dialog('close');
  23.            
  24.  
  25.             refreshTable(function(){$("#loadingdialog").dialog('close');});
  26.             }
  27.         }
  28.     ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  29.     ajax.send("icao="+icao+"&name="+name+"&weightempty="+weightempty+"&weightfull="+weightfull+"&cargofull="+cargofull+"&cruisespeed="+cruisespeed+"&range="+range+"&price="+price+"&firstclassseats="+firstclassseats+"&businessclassseats="+businessclassseats+"&economyclassseats="+economyclassseats);
  30.     $("#loadingdialog").dialog('open');
  31.     }

Lo que quiero es que cuando se muestre el resultado (es un texto que dice "Formulario realizado correctamente")en el div result sólo sea visible durante 5 segundos y despues desaparezca. He encontrado diversas formas, pero no quiero suprimir el div. Ya que si quiero volver a realizar el form el resultado de este se tiene que volver a mostrar en el div y volver a desaparecer después de 5 segundos.
  #2 (permalink)  
Antiguo 17/01/2013, 07:04
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 4 meses
Puntos: 1532
Respuesta: Hacer desaparecer div

tienes un error en la implementación de AJAX, te hace falta verificar el (ajax.status == 200), consulte un manual de AJAX: http://librosweb.es/ajax/

si quieres que el div desaparezca a los 5 segundos, usa un setTimeout, y para ocultarlo tienes muchas formas, no solo sacarlo del DOM, investigue al respecto
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: desaparecer, formulario, html
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 23:24.