Salve a tutti ....
sono alle prime armi e mi occorre qualche banale "aiutino"
devo su una pagina asp collegata a un db. Voglio linkare un testo img in modo che mi si apra un popup a dimensioni definite che visualizza un foto.
Come posso fare ?
Salve a tutti ....
sono alle prime armi e mi occorre qualche banale "aiutino"
devo su una pagina asp collegata a un db. Voglio linkare un testo img in modo che mi si apra un popup a dimensioni definite che visualizza un foto.
Come posso fare ?
sapendo le dimensioni sull'asse x ed y dell'immagine e questi parametri sono scritti nel db, allora potrai andare a dimensionare la finestra sostituendo gli opportuni parametri di grandezza nel codice, presumo, in javascript.
Penso di si ..... ma come ti dicevo sono inesperto .....
e avrei bisogno di un "aiutino" un po' sostanzioso
ok, sei nuovo e inesperto...pero' avresti dovuto leggere il regolamento, e dare al thread un titolo piu' esplicativo....
Non posso darti una soluzione 'esatta' perchè non sei stato molto preciso nella domanda; comunque ti posso postare una soluzione generica che potrai adattare alle tue esigenze anche (eventualmente) con il mio aiuto;
supponiamo che hai il nome del file immagine (pescato dal db come decidi tu); questo nome del file lo passi ad una pagina asp tramite una funzione js. La funzione js apre la popup con il file immagine, legge la dimensione dell'immagine e ridimensiona la finestra e la centra nello schermo. E' un file asp e non html puro, così se hai bisogno di fargli fare altre cose (del tipo visualizzare un titolo passato come parametro nell'intestazione della popup o altro...) non devi altro che aggiungere alla pagina del codice asp;
passo1: SCRIPT JS da aggiungere all'interno dei tag <head></head> della pagina in cui è contenuto il link all'immagine:
<script language="Javascript" src="popup_script.js"></script>
passo2: all'interno dei tag <body></body> della stessa pagina:
esempio di link all'immagine:
<%
pic_dir = "cartella1/cartella2/cartella3/"
' la cartella dov'è memorizzata l'immagine; sopra ho messo un esempio
' dal db prendi il nome del file dell'immagine ed assegnalo alla variabile img_file
istr1 = "" & istr2 & pic_dir & img_file & "'>")
%>
ora il file popup_picture_viewer.asp:
<html>
<head>
<%
picture = request.querystring("foto")
folder = request.querystring("cartella")
%>
<style type="text/css">
img.noborder {
border-width: 0px;
}
</style>
<script language="JavaScript">
<!--
function Chiudi_popup() {
window.close();
}
function Resize() {
var iw = img.width;
var ih = img.height;
var l = Math.floor((screen.width-iw)/2);
var t = Math.floor((screen.height-ih)/2);
window.resizeTo(iw,ih);
window.moveTo(l,t);
var pw = document.body.clientWidth;
var ph = document.body.clientHeight;
var dw = iw - pw;
var dh = ih - ph;
var nww = iw + dw;
var nwh = ih + dh;
var l = Math.floor((screen.width-nww)/2);
var t = Math.floor((screen.height-nwh)/2);
window.resizeTo(nww,nwh);
window.moveTo(l,t);
}
//-->
</script>
</head>
<body topmargin="0" leftmargin="0" onload="Resize();">
<%
dim istr1
dim istr2
dim text
text = "Chiudi la Finestra"
istr1 = "<a href='javascript:Chiudi_popup()' title='" & text & "'>"
istr2 = "[img]" & folder & "/" & picture & "[/img]</a>"
Response.Write(istr1 & istr2)
%>
</body>
</html>
ed il file js:
function Popup_pictures(z) {
var file = z;
var pos = "top=0, left=0";
var at1 = "resizable=no, fullscreen=no, channelmode=no, menubar=no,";
var at2 = "toolbar=no, location=no, scrollbars=no, status=no";
window.open(file, null, pos + at1 + at2);
}
se hai domande...scrivi! ciao
Grazie mille .... molto gentile ..
Permessi di invio
Rispondi quotando