Ocultar tabla dinamica mientras se actualizan datos

[cuasatar]

Hola a todos. Desde hace poco estoy usando ajax pero he visto lo practico que es. En estos momentos diseñe un formulario que tiene varios select, los cuales al darle el botón de enviar datos me esta generando tablas dinámicas segun el valor que tenga cada uno de los select (todo esto usando ajax). Como las tablas que se generan son muy grandes le puse un anuncio que me indica que una nueva tabla se esta generando para que el usuario sepa que vienen nuevos datos. El problema que tengo ahora es que mientras se carga la nueva tabla la tabla antigua se visualiza y me gustaria que mientras se esta generando la nueva se ocultara la tabla antigua y solo se viera hasta que se cargaran los datos por completo. Me podrian dar sugerencias de como puedo hacer eso? En las actualidad algunas de estas tablas dinamicas en el peor de los casos duran 10 segundos en generarse(tienen muchos datos) y por tanto el cambio dinamico en estos casos solo lo he podido medio apañar colocando un aviso de "cargando, espere por favor".

Gracias de antemano por su colaboración.

[mdk]

Te recomiendo que metas las tablas dentro de una capa (div) y le asignes un identificador (por ejemplo, genera), y cuando generes la nueva tabla, ocultas la capa (suponiendo que lo haces en javascript) tendrias que capturar el identificador y cambiar el display tal que así.. document.getElementById("genera").style.display = "none"; y así ocultarías la capa con el identificador genera, que contendría la tabla.

Si lo hicieras en jquery sería: $("#genera").css('display', 'none');

En caso de querer mostrar la capa, cambia none por block.

Espero que sea eso lo que preguntas y me haya expresado bien.

Saludos.

[cuasatar]

Hola, gracias por tu respuesta. Las tablas las genero dinamicamente con una consulta de mysql y con php. Creo que la sugerencia que me das podria servir. Voy a echarle una mirada mañana en el trabajo pero creo que si se podria hacer de esa manera. Gracias por la sugerencia.