Mostrar mensagem de carregamento e mudar conteúdo em php include

kanikase disse:

Puedes hacerlo con jQuery o javascript, aquí un ejemplo:

HTML:

<script>
$(window).ready(function(){
setTimeout(function(){
$('#cargano').html = 'La carga ha terminado'
}, 5000)
});
</script>
<p id="cargando">Cargando</p>

Clique para expandir...

Carambel disse:

Gracias por la respuestas kanikase, pero no cambia el texto, se queda en cargando pasando los 5 segundos

Clique para expandir...

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script>
$(window).ready(function(){
setTimeout(function(){
$('#cargando').html = 'La carga ha terminado'
}, 5000)
});
</script>
<p id="cargando">Cargando</p>

<script>
setTimeout(function() {document.getElementById('cargando').innerHTML = 'La carga ha terminado'},3000)
</script>
<p id="cargando">Cargando</p>

kanikase disse:

1.- En el código que te dim me faltó una d
2.- Debes tener jQuery:

HTML:

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script>
$(window).ready(function(){
setTimeout(function(){
$('#cargando').html = 'La carga ha terminado'
}, 5000)
});
</script>
<p id="cargando">Cargando</p>

- - - Actualizado - - -

Si no hazlo así:

HTML:

<script>
setTimeout(function() {document.getElementById('cargando').innerHTML = 'La carga ha terminado'},3000)
</script>
<p id="cargando">Cargando</p>

Clique para expandir...

Carambel disse:

El ultimo me sirvió pero como puedo ponerlo html en vez de "Cargando" y "La carga a terminado" te lo agradeceré.

Clique para expandir...

kanikase disse:

No entendí :distant: como que "ponerlo html"

Clique para expandir...

Carambel disse:

Algo asi, en vez de ponerle cargando en puro texto para mostrar , pongo un div dentro con un gif que diga cargando, cuando ya pase los segundos mostrar tambien un div dentro un con un gif que diga carga finalizada con un enlace.

Clique para expandir...

<script>
setTimeout(function() {document.getElementById('cargando').src = 'URL NUEVA IMAGEN'},3000)
</script>
<img id="cargando" src="url" />

kanikase disse:

En vez de <p id="cargando">Cargando</p> pon

HTML:

<script>
setTimeout(function() {document.getElementById('cargando').src = 'URL NUEVA IMAGEN'},3000)
</script>
<img id="cargando" src="url" />

Clique para expandir...

Carambel disse:

Muchas gracias si me funciono, pero si no fuera mucha molestia como haria para que la primera imagen no tenga url, y solamente tenga url la imagen que se mostrara en el tiempo declarado en el codigo.

Clique para expandir...