Newsgroup: it.comp.lang.javascript
Titolo: Autoresize di Pop-up conforme l'immagine caricata da DB con ASP

Diciamo subito che io JavaScript non lo so proprio. :P
Allora...
io ho una galleria di immagini...
mi carico da DB una serie di Thumbails per pagina...
Vorrei che quando clicco su una Thumbails mi venisse aperta un PopUp che
carichi l'immagine e considerando che le immagini hanno dimensioni diverse
la PopUp si deve ridimensionare in funzione della loro grandezza...
cioč non so bene se posso/devo far caricare una pagina html nella pop-up...
o l'immagine direttamente... visto e considerato che poi tiro tutto su da DB
con ASP.
Come posso fare... sapete indicarmi qualche link dove trovare lo script che
cerco... o sapete letteralmente scrivermi il codice per far questa cosa..?
Spero di esser stato chiaro...Vi ringrazio per l'aiuto. ^_^
p.s.
io su internet ho trovato lo SCRIPT qui sotto.... che mi carica appunto
l'immagine nella pop-up... ma non so come utilizzarlo con ASP... cioč non
posso infilare direttamente l'URL dell'immagine come nell'es.2 visto che
tiro su le immagine con ASP...
pasticciando con lo Script qui sotto...
sono arrivato a scrivere...
-infilo in var l'immagine da caricare nella pop-up
var=(Hentai_Hard.Fields.Item("Url_Immagini_Hard").Value)
e poi... volevo usare var nell'href... ma non funziona. perchč VAR scritta
cosě 'var' la vede come se fosse il percorso dell'immagine... invece io
voglio che la veda come variabile e che quindi si prenda il valore al suo
interno.
p.s. ho provato a togliere gli apici ma da errore di sintassi... :P
<a href="javascript;PopImage('var','Ranma')">
Aiutooo non ci capisco nienteeeee!!!
QUESTO SOTTO E' LO SCRIPT CHE HO TROVATO SU INTERNET...
<script>
// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.
// SETUPS:
// ===============================
// Set the horizontal and vertical position for the popup
PositionX = 100;
PositionY = 100;
// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)
defaultWidth = 500;
defaultHeight = 500;
// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows
var AutoClose = true;
// Do not edit below this line...
// ================================
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidt
h+',height='+defaultHeight+',left='+Posi
tionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=10
0,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about :blank','',optNN);}
if (isIE){imgWin=window.open('about :blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</styl
e>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if
(parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigato
r.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if
(isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);'
);
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');
writeln('window.innerWidth=document.images["George"].width;');writeln('windo
w.innerHeight=document.images["George"].height;}}');
writeln('function
doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no"
onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="no"
onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+'
style="display:block"></body></html>');
close();
}}
</script>
========================================
======================
STEP 2.
Calling the Image Popup from Links in Your Page
This is the form of the function:
imagePop("url_of_image","title_of_image")
Use the relative or absolute path of the image where we show
url_of_image. This is the url of the image you wish to show
in the auto-sizing popup window.
Use any text you wish where we show title_of_image. This is
the title that will appear in the titlebar of the popup. (Note:
do not use single- or double-quotes within a title.)
Caution: Be careful to place both values within quotes.
See the samples below.
Example 1: Launching from a text link
<a href="javascript:PopImage('
http://SomeSite.com/SomeImage.gif
','Some
Title')">
Click Here
</a>
Example 2: Launching from an image link
<a href="javascript:PopImage('
http://SomeSite.com/SomeImage.gif
','Some
Title')">
<img src="YourImage.gif" border="0">
</a>
Example 3: Launching from a form button
<form>
<input type="button" value="Click Here"
onClick="popImage('SomeImage.gif','Some Title')">
</form>
============================[end]=======
======================

 Spero di esser stato chiaro...Vi ringrazio per l'aiuto. ^_^
Se capisci l'inglese vai qui e ti spiega tutto per filo e per segno!
http://www.sitepoint.com/article/1022
Leo.