Al click su bottone mostrare immagine

**icfast** · 05-01-2012, 16.32.52

Salve a tutti..
Premetto che di Javascript non ne so niente, lo imparerò a breve ma per ora non ne so niente e ho l'urgente bisogna di sviluppare questa funzione..
al click in un submit sotto il submit dovrebbe apparire un'immagine (per rendere l'idea dico anche che è una di quelle tipiche immagini di caricamento..)
Vi ringrazio in anticipo..

**alemoppo** · 05-01-2012, 16.44.06

Se è un "vero" submit, la pagina viene ricaricata subito dopo aver inviato i dati, quindi eventuali modifiche alla pagina sono inutili. Se usi ajax, allora puoi farlo.

---

In generale, puoi o inserire al volo l'immagine, oppure mostrare un div prima nascosto (da visibility:hidden a visibility:visible).
È meglio usare il modo di nascondere l'immagine, piuttosto che farla apparire dopo, perché in questo modo l'immagine viene già caricata precedentemente, e il browser può mostrarla "istantaneamente". Se invece si aggiunge l'immagine dopo, il browser prima dovrà scaricarla, quindi facendo aspettare un attimo il visitatore:

Codice HTML:

<html>
<head> 
<style> 
#immagine
{
visibility:hidden;
}
</style> 
</head> 
<body> 
<button onclick='document.getElementById("immagine").style.visibility = "visible"'>Visibile</button> 
<button onclick='document.getElementById("immagine").style.visibility = "hidden"'>Nascosto</button> 
<img src='immagine.png' id='immagine'></img> 
</body></html>

Ciao!

Edit:

forse è meglio usare display invece che visibility, in quanto quando l'immagine è invisibile, non prende "posto" nella pagina... ma il succo non cambia

:

Codice HTML:

<html><head> 
<style> 
#immagine
{
display:none;
}
</style> 
</head> 
<body> 
<button onclick='document.getElementById("immagine").style.display = "block"'>Visibile</button> 
<button onclick='document.getElementById("immagine").style.display = "none"'>Nascosto</button> 
<img src='immagine.png' id='immagine'></img> 
</body></html>

**icfast** · 05-01-2012, 18.18.56

no il punto è che siccome la pagina era una pagina ri upload stava ferma per un bel po' per cui l'immagine da mostrare andava messa e non c'era il problema di ajax..
comunque grazie, dopo un po' sono arrivato anche io a fare come hai fatto tu la seconda volta...

Discussione: Al click su bottone mostrare immagine

LinkBack

Strumenti discussione

Display

Al click su bottone mostrare immagine

Regole di scrittura