Tengo este form hecho con AJAX:
Código Javascript:
Ver original
function form(){ var icao = document.getElementById('icao').value; var name = document.getElementById('name').value; var weightempty = document.getElementById('weightempty').value; var weightfull = document.getElementById('weightfull').value; var cargofull = document.getElementById('cargofull').value; var cruisespeed = document.getElementById('cruisespeed').value; var range = document.getElementById('range').value; var price = document.getElementById('price').value; var firstclassseats = document.getElementById('firstclassseats').value; var businessclassseats = document.getElementById('businessclassseats').value; var economyclassseats = document.getElementById('economyclassseats').value; ajax.open("POST","new_aircraft_process.php",true); ajax.onreadystatechange=function(){ if(ajax.readyState==4) { var respuesta=ajax.responseText; document.getElementById('result').innerHTML=ajax.responseText; $("#newaircraftdialog").dialog('close'); refreshTable(function(){$("#loadingdialog").dialog('close');}); } } ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); ajax.send("icao="+icao+"&name="+name+"&weightempty="+weightempty+"&weightfull="+weightfull+"&cargofull="+cargofull+"&cruisespeed="+cruisespeed+"&range="+range+"&price="+price+"&firstclassseats="+firstclassseats+"&businessclassseats="+businessclassseats+"&economyclassseats="+economyclassseats); $("#loadingdialog").dialog('open'); }
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.