Javascript: visibilità immagini

zat81 · 28-07-2006, 10:49

Salve a tutti, avrei bisogno urgente di una mano.
Ho bisogno che al click di un puilsante venga visulizzata un'immagine.
Con IE funziona, mentre con mozilla no...mi potreste dare una mano per favore? Ecco il codice:

<html>
<head>
<script>
function visualizza()
{
var el = document.getElementById('pippoAlert');
el.style.visibility = "visible";
}
</script>
</head>

<form name="myForm">
<input type="button" value="Invia" onClick="javascript: visualizza();">
<br>
<div id="pippoAlert" style="visibility: hidden">
<img src="<percorso>" name="pippoAlert">
</div>
</form>

</html>

0rph3n · 28-07-2006, 11:05

Quote:

Originariamente inviato da zat81

Codice:

...
el.style.visibility = "visible";
...
<div id="pippoAlert" style="visibility: hidden">
...

prova con:

Codice:

...
el.style.display = "block";
...
<div id="pippoAlert" style="display: none">
...

'iao

zat81 · 28-07-2006, 11:30

No, non funge, sembra proprio che non conosca il significato della parola block poichè anche se lo inizializzo a block piuttosto che a none non si vede nemmeno appena caricata la pagina!

0rph3n · 28-07-2006, 12:42

ho copiaincollato il codice e sulla volpe di fuoco v1.5.0.5 funziona alla grande, sia con la proprietà visibility sia con display

...non so proprio che dirti!

zat81 · 28-07-2006, 14:53

Credo di aver trovato la soluzione: il problema effettivamente sembra porsi solo se nell'attributo src del tag image metto un percorso assoluto. In questo caso invece che semplicemente "C:\blabla\blablabla\ciccio.gif" bisogna scrivere "file:///C:\blabla\blablabla\ciccio.gif", quindi precedere il percorso assoluto con l'istruzione "file:///".

A questo punto anche l'utilizzo dello style visibility (hidden o visibile) va bene.

Ho fatto delle prove e sembra funzionare, confermate?

andbin · 28-07-2006, 15:16

Quote:

Originariamente inviato da zat81

In questo caso invece che semplicemente "C:\blabla\blablabla\ciccio.gif" bisogna scrivere "file:///C:\blabla\blablabla\ciccio.gif", quindi precedere il percorso assoluto con l'istruzione "file:///".

Ah beh ... certo!!!

"C:\bla\bla..." NON è un URL.

28-07-2006, 10:49	#1
zat81 Member Iscritto dal: Oct 2005 Città: La capitale Messaggi: 184	Javascript: visibilità immagini Salve a tutti, avrei bisogno urgente di una mano. Ho bisogno che al click di un puilsante venga visulizzata un'immagine. Con IE funziona, mentre con mozilla no...mi potreste dare una mano per favore? Ecco il codice: <html> <head> <script> function visualizza() { var el = document.getElementById('pippoAlert'); el.style.visibility = "visible"; } </script> </head> <form name="myForm"> <input type="button" value="Invia" onClick="javascript: visualizza();"> <br> <div id="pippoAlert" style="visibility: hidden"> <img src="<percorso>" name="pippoAlert"> </div> </form> </html>

28-07-2006, 11:30	#3
zat81 Member Iscritto dal: Oct 2005 Città: La capitale Messaggi: 184	No, non funge, sembra proprio che non conosca il significato della parola block poichè anche se lo inizializzo a block piuttosto che a none non si vede nemmeno appena caricata la pagina!

28-07-2006, 12:42	#4
0rph3n Senior Member Iscritto dal: Apr 2005 Città: Resana - TV Messaggi: 960	ho copiaincollato il codice e sulla volpe di fuoco v1.5.0.5 funziona alla grande, sia con la proprietà visibility sia con display ...non so proprio che dirti!

28-07-2006, 14:53	#5
zat81 Member Iscritto dal: Oct 2005 Città: La capitale Messaggi: 184	Credo di aver trovato la soluzione: il problema effettivamente sembra porsi solo se nell'attributo src del tag image metto un percorso assoluto. In questo caso invece che semplicemente "C:\blabla\blablabla\ciccio.gif" bisogna scrivere "file:///C:\blabla\blablabla\ciccio.gif", quindi precedere il percorso assoluto con l'istruzione "file:///". A questo punto anche l'utilizzo dello style visibility (hidden o visibile) va bene. Ho fatto delle prove e sembra funzionare, confermate?

Strumenti
Mostra una versione stampabile Invia questa pagina per email