function cambio immagine

**betto** · 28-11-2011, 17:04

Ciao a Tutti,
ho il seguente problema:

<head>
<script>
function add_pic() {
//var vara='../images/image2.jpg';
//document.getElementById('my_pic').setAttribute('sr c',vara)
//document.my_pic.src='../images/image2.jpg'
document.getElementById("my_pic").src="../images/image2.jpg";
}
//
//
</script>
<head>

<body>
...
<input type="image" name="upload" id="upload" value="upload" onClick="add_pic()" src="../images/plus.jpg">

<td>[img]../images/rectangle.jpg[/img]</td>
...
</body>

Vorrei che quando uno schiaccia il pulsante "plus" cambi l' immagine da "rectangle" a "image2".

In questo modo, con questo codice, se schiaccio su "plus" compare per un attimo "images2" ma sparisce subito ...

Come si puo' risolvere il problema ??
Ho provato in diversi modi (vedi // nella funzione) ma non cambia nulla...

Grazi mille in anticipo !!!!

**cavicchiandrea** · 28-11-2011, 18:02

Non è la funzione mail tipo di pulsante essendo image (che equivale al submit) e ipotizzo sia in form invia il form

se cosi non fosse posta la pagina demo pubblica per vedere il tutto in azione e capire cosa vuoi fare.

**betto** · 28-11-2011, 18:17

Andrea, come al solito, Grazie !!!

Ho risolto in questo modo, cambiando un po' il codice rispetto a prima:

<head>
<script>
function changePic(imgId,strPath) {
var path = new String(strPath);
path = path.replace("\\","/");
path = "file:///" + path;
if(document.getElementById){
image = document.getElementById(imgId);
image.setAttribute("src",path);
}
}
</script>
</head>

<body>

<input type="file" id="ip_file" name="ip_file" size="1" onChange="changePic('my_pic' ,this.value)" style="border: 0px solid #FFFFFF; ; color:#FFFFFF">

<td>[img]../images/rectangle.jpg[/img]</td>

</body>

**cavicchiandrea** · 28-11-2011, 18:49

Ma è un anteprima d'una immagine prelevata da un campo file?
Se è cosi (non sono sicuro) ma non dovrebbe funzionare su firefox, chrome, safari (c'è una discussione nelle discussioni utili di questo forum) ma solo su IE e Opera

Discussione: function cambio immagine

Strumenti discussione

Ricerca discussione

Visualizza

function cambio immagine

Permessi di invio