Ingrandire immagine con onclick

[Dodo66]

Ciao a voi di "Matrix"

Devo ridimensionare un'immagine cliccandoci sopra dopo averla caricata da un database.Ho impostato questa piccola funzione che richiamo con onclik manon funziona dove sbaglionon mi da errore ma non succede nulla. :berto:
Spero che qualcuno mi illumini grazie

<form name="fotografia" >
<script LANGUAGE="JavaScript">
function resizeImage(){

var i=new Image()
i.width="366"
i.height="359"
var foto = document.fotografia.image.foto.width=image.i.width ;


}
</script>

[img]<%=rstTabella([/img]" width="166" height="159"onclick="resizeImage()">
<input type="button" value="Invia" name="B5">
</form>

[rasega]

Secondo me se imposti l'id invece del name dovresti poter fare una cosa del tipo:

document.getElementById('foto').width.value=image.i.width
(non son sicuro che sia esattissima la sintassi)

Chiaro che se hai più immagini devi impostare id differenti per ogni immagine...ma vista la "i" mi pare che questo l'hai già previsto

[Dodo66]

ho provato a mettere :
<form name="fotografia" >
<script LANGUAGE="JavaScript">
function resizeImage(){

var i=new Image()
i.width="366"
i.height="359"
var foto = document.getElementById('foto').width.value=image. i.width

}
</script>

[img]<%=rstTabella([/img]" width="166" height="159"onclick="resizeImage()">
<input type="button" value="Invia" name="B5">
</form>

non funziona forse ho sbagliato qualcosa?

[Xinod]

ma perche' questo oggetto image?

devi settare una proprieta' di un elemento, non c'e' nessuna immagine da caricare e di cui settare le dimensioni

questo e' quanto dovrebbe bastarti richiamare
document.getElementById('foto').width=366;

[rasega]

Cerca di debuggarlo con qualche strumento, magari c'è un errore di sintassi...
...io al momento non lo vedo, ma è possibile che per accedere all'attributo width sia necessario passare da altro.
Se usi dreamweaver potresti provare a vedere come si comporta la sua funzione ChangeProperty() e cercare di imitarla !!

[rasega]

Originariamente inviato da Xinod
ma perche' questo oggetto image?

devi settare una proprieta' di un elemento, non c'e' nessuna immagine da caricare e di cui settare le dimensioni

questo e' quanto dovrebbe bastarti richiamare
document.getElementById('foto').width=366;

Yes, dovrebbe funzionare, io avevo messo un ".value" di troppo credo !!

[Dodo66]

ho fatto la correzione ma non succede nulla:

<td width="166" height="179" bgcolor="#00664C">
<script LANGUAGE="JavaScript">
function resizeImage(){

document.getElementById('foto').width=366;

}
</script>
<form name="fotografia" >

[img]<%=rstTabella([/img]" width="166" height="159"onclick="resizeImage()">
<input type="button" value="Invia" name="B5">
</form>
</td>
Semetto onclick nel pulsante da errore di visualizzazione della pagina c'è qualcosa nella funzione che non quadra ma non capisco cosa ho provato anche

document.fotografia.getElementById('foto').width=3 66;

oppure:

document.fotografia.image.getElementById('foto').w idth=366;

ma non cambia nulla che pensate?

[Dodo66]

sto provando con dei popup il codice è:
<form name="fotografia"method="POST">



<input type="hidden" name="urlfoto" size="20"value="<%=rstTabella("immagini")%>"></p>

[img]<%=rstTabella([/img]" width="166" height="159">

<script LANGUAGE="JavaScript">
function pop(){


urlfoto= document.fotografia.urlfoto.value;
popr=window.open("fotogrande.asp?urlfoto="+urlfoto ,"","height=500,width=550,menubar=0,resizable=0,sc rollbars=0,status=0,titlebar=0,toolbar=0,left=300, top=100")

}
</script>



<input type="button" value="Invia" name="B5"onclick="pop()">
</form>

carico le immagini da una tabella con asp e db access
con la funzione js ingrandisco la foto passando l'url alla pagina asp dal popup.
Ho capito che dodovrò usare un Array per incamerare tutte le foto ma non riesco a farlo nella funzione js.Con asp leggo tutto col ciclo ma poi come faccio a collegarle ciascuna alla funzione js?Sono in piena notte e non ricordo nemmeno il mio nome

[rasega]

Secondo me devi togliere .fotografia, la funzione getElementById() è dom e ti cerca l'elemento a partire dalla root del documento:
document.getElementById(...)....

Comunque ora ho fatto una prova e questo script funziona:

[img]immagine.gif[/img]

Fai copia-incolla di questo e aggiustatelo nel tuo codice

[Dodo66]

Ho fatto un passo avanti sistemando il tuo codice nella funzione perchè come hai capito carico le immagini da un database quindi il vero problema ora è la costruzione dell'array per associare il ridimensionamento a ciascuna immagine.Come puoi vedere ho impostato due campi nascosti per poter passare i valori alla funzione ma dopo tanti tentativi mi sono arenato.Le immagini si visualizzano con asp in un cilco di lettura dei records quindi per ogni foto ho il suo relativo pulsante che mantiene l' Id sempre della stessa foto.
Me la daresti una mano? :berto:
<script LANGUAGE="JavaScript">
function ridimensiona(){

document.getElementById('foto').width=366;document .getElementById('foto').height=359;

}
</script>
<form name="fotografia">



<input type="hidden" name="urlfoto" size="20"value="<%=rstTabella("immagini")%>"></p>

<input type="hidden" name="cod" size="20"value="<%=i%>">


[img]<%=rstTabella([/img]" id="foto" width="166" height="159">


<input type="button" value="Invia" name="B5"onclick="ridimensiona()">
</form>