Imagen Cargando

[KillerBKS]

Hola, busque en las FAQ's, pero no encontre nada que me diera solucion a un tema pendiente que tengo:
Quiero implementar el tipico mensaje de "CARGANDO" una vez que se ha presionado algun boton en el formulario o cuando se esta cargando el formulario.
He visto varias paginas donde esta implementado y este mensaje queda como un cuadro que se sobrepone por toda la pantalla o pagina y al centro aparece la imagen de "Cargando...". Incluso, si el proceso de Guardar datos del formulario se tarda un poco y muevo la barra de desplazamiento de la pagina, la pagina sube o baja, pero el cuadro con la imagen de "Cargando..." sigue estando al centro siempre.
No he logrado implementarlo de esta forma.
Agradeceria me pudieran orientar.
Gracias.

Salu2 !!!

[IsaBelM]

la mayor parte es en css. un bloque oculto con alto y ancho al 100%, posición fixed y puedes darle opacidad.

el javascript sólo se encarga de mostrar el bloque una vez sumitado el form

[KillerBKS]

Creo que estoy creando mal el DIV.

Código PHP:

  <div id="tdProgress" style="BORDER-BOTTOM: #000 1px solid; POSITION: fixed; TEXT-ALIGN: center; BORDER-LEFT: #000 1px solid; BACKGROUND-COLOR: #666666; WIDTH: 100%; DISPLAY: none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 200px; COLOR: #ff0000; MARGIN-LEFT: 0%; FONT-SIZE: 18px; OVERFLOW: auto; BORDER-TOP: #000 1px solid; TOP: 0px; FONT-WEIGHT: 600; BORDER-RIGHT: #000 1px solid; LEFT: 0px;"
            align="center">... CARGANDO ...<BR>
            Por Favor Espere
        </div> 
   

Favor si alguien me comenta mis errores.
Gracias.

Saludos.

[IsaBelM]

• no uses mayusculas con las propiedades
• el largo tiene 200px, cuando ha de ser al 100%
• la propiedad align="center" está desfasa. además, en este contexto no tiene sentido
• etc...

<div id="tdProgress" style="position: fixed; text-align: center; background-color: #666666; width: 100%; display: none; height:100%; color: #ff0000; font: 600 18px Verdana, Arial, Helvetica, sans-serif;" >... CARGANDO ...<br />
Por Favor Espere
</div>

[KillerBKS]

Creo que algo me falta

Código PHP:

  <div id="tdProgress" style="position: fixed; text-align: center;  background-color: #666; WIDTH: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; COLOR: #ff0000;;font-size: 18px; font-weight: 600; height:100%"
            align="center">... CARGANDO ...<BR>
            Por Favor Espere
        </div> 
   

Se crea el DIV del tamaño de la pantalla, pero si me muevo en la pantalla durante la ejecucion del Script el DIV queda arriba.
Favor si alguien me muestra mi error.

Gracias.

Salu2 !!!

[KillerBKS]

No logro hacer que el div permanezca por sobre todo mientras se ejecuta la funcion guardar.
Ojala alguien me oriente.
Gracias.

Salu2 !!!