Mi domandavo se è possibile far apparire un' immagine per 3-4 secondi quando si clicca su un input submit e dopo questi 3-4 secondi appaiano i risultati.. Come fare?
Printable View
Mi domandavo se è possibile far apparire un' immagine per 3-4 secondi quando si clicca su un input submit e dopo questi 3-4 secondi appaiano i risultati.. Come fare?
Si, se l'immagine deve apparire all'interno di un contenitore basta che: all'evento onClick del'input submit esegui questa istruzione:
Ovviamente il contenitore dovrà avere un id.Codice HTML:document.getElementById("id_contenitore").innerHTML = "<img src='percorso_immagine' />";
Mentre, se il tag img esiste già basta modificare il suo attributo src per cambiare l'immagine visualizzata:
Sempre con impostato un'id all'immagine.Codice HTML:document.getElementById("id_immagine").src = "percorso_immagine";
Se vuoi fare qualcosa dopo 3 - 2 minuti, da quello che ho capito vuoi farla sparire, puoi far eseguire all'evento onClick dell'input, oltre a quello già detto, la funzione setInterval(), impostata come vuoi te, per impostare un'operazione, in questo caso far scomparire l'immagine, dopo un tot di tempo.
Grazie, comunque per il setinterval volevo far in modo che all' inizio c'è un' immagine, al click sul submit ne appare un' altra e dopo 3-4 (in cui c'è la seconda immagine) quest' immagine viene sostituita da un' altra e appaiono i 'risultati' (frutto del php)
Da quello che ho capito dovresti mostrare al click su un'input un'immagine al posto di un'altra, che dopo 3 secondi dovresti mostrare i risultati in php, presumo un'immagine in php mostrante i risultati?
Se si ti ho fatto un piccolo esempio:
Dovrebbe funzionare, non ho avuto il tempo di provarlo, ho sostituito l'input con un pulsante ma credo sia uguale.Codice HTML:<script type="text/javascript">
function cambio()
{
var img = document.getElementById("img");
img.src = "immagine2.png";
setInterval(img.src = "immagine3.php", 3000);
}
</script>
<img src="immagine1.png" id="img" />
<button onClick="cambio();>cambia immagine</button>
Non mi mette l' immagine "immagine2" (in questo caso) ma va direttamente alla 3.. VOrrei farlo un po' come questo: http://www.habbo.it/tag
Nella parte a sinistra come vedi c'è un' immagine con due animali, scrivendo negli input text due parole (tag) appaiono gli animali che lottano e alla fine un' immagine e sopra i risultati.. Come faccio a farlo in quel modo?