PopUp con dimensioni variabili

cirmas

PopUp con dimensioni variabili

Secondo Voi è possibile da una pagina html aprire una pop up con dimensioni variabili a seconda delle dimensioni dell'immagine contenuta nella stessa popUP

attendo Vostre notizie

grazie
ciao

fenics

Qualche tempo fa ho avuto a che fare con questo tipo di popup ed ho utilizzato il seguente codice, che nella "normalità" dei casi funziona abbastanza bene.

pagina popup.htm

<HTML>
<HEAD>
<TITLE>Fit the Pic</TITLE>
<script language='javascript'>
var arrTemp=self.location.href.split("?");
var picUrl = (arrTemp.length>0)?arrTemp[1]:"";
var NS = (navigator.appName=="Netscape")?true:false;

 function FitPic() { 
   iWidth = (NS)?window.innerWidth:document.body.clientWidth; 
   iHeight = (NS)?window.innerHeight:document.body.clientHeight; 
   iWidth = document.images[0].width - iWidth; 
   iHeight = document.images[0].height - iHeight; 
   window.resizeBy(iWidth, iHeight); 
   self.focus(); 
 };

</script>
</HEAD>
<BODY bgcolor="#000000" onload='FitPic();' topmargin="0"
marginheight="0" leftmargin="0" marginwidth="0">
<script language='javascript'>
document.write( "<img src='" + picUrl + "' border=0>" );
</script>
</BODY>
</HTML>

pagina dove inserisci il link da cui si apre il popup

<HTML>
<HEAD>
<TITLE>Image Gallery</TITLE>
<script language="Javascript">
function PopupPic(sPicURL) {
window.open( "popup.htm?"+sPicURL, "",
"resizable=1,HEIGHT=200,WIDTH=200");
}
</script>
</HEAD>
<BODY bgcolor="#FFFFFF">
<a href="javascript:PopupPic('Image1.gif')">Image 1</a><br>
<a href="javascript:PopupPic('Image2.gif')">Image 2</a><br>
<a href="javascript:PopupPic('Image3.gif')">Image 3</a><br>
</BODY>
</HTML>

chiaramente vanno rinominati i nomi delle immagini...

cirmas

Grazie 1000 è perfetto, è proprio quello che cercavo!!

ti ringrazio ancora

ciao

fenics

Figurati, alla prossima

asso82

Ciao... ho inserito il codice e funziona tutto correttamente.
Cosa devo fare per uttilizzare lo stesso codice per altre pagine in altre directory?
Ho provato a modificare il link "popup.html" in "../popup.html" nel comando:

window.open( "popup.htm?"+sPicURL, "", "resizable=1, HEIGHT=200, WIDTH=200");

ma non funziona... dove sto sbagliando??

asso82

Nessuno mi sa aiutare??

asso82

@asso82 said:

Nessuno mi sa aiutare??
Tutti in vacanza oppure ho chiesto una cosa impossibile??

pikadilly

Non sono esperta di javascript ma prova a mettere tutto il percorso del file.
Nell'esempio tu hai messo html o htm? se il documento di destinazione è un htm o un html fa differenza. se io cerco una pagina con estensione htm e magari è un html non me la trova...Prova prova.
Siamo in Agosto...stare davanti al pc è un odissea.:):)

asso82

Il file è html e l'ho scritto correttamente.
Per quanto riguarda la directory... come faccio a scriverla completa??
Dovrò sempre partire dalla cartella dove risiede il file in questione... :bho:

pikadilly

Se la cartella è ciao metti ciao/file.html...provo anche io a farlo...vediamo se ci riesco.

pikadilly

Responso...dimmi se sbaglio...
Chiamiamo le pagine 1.html e 2.html

se 1.html richiama 2.html e questa si trova nella cartella ciao...tu devi scrivere cosi in 1.html

[html]<HTML>
<HEAD>
<TITLE>Image Gallery</TITLE>
<script language="Javascript">
function PopupPic(sPicURL) {
window.open( "ciao/2.html?"+sPicURL, "",
"resizable=1,HEIGHT=200,WIDTH=200");
}
</script>
</HEAD>
<BODY bgcolor="#FFFFFF">
<a href="javascript:PopupPic('16aprile035.jpg')">Image 1</a><br>
<a href="javascript:PopupPic('Image2.gif')">Image 2</a><br>
<a href="javascript:PopupPic('Image3.gif')">Image 3</a><br>
</BODY>
</HTML>[/html]Vedi? c'è scritto ciao/2.html...

Funza, l'ho provato...
In 2.html devi scrivere il relativo percorso dell'immagine...

spero che sia questo quello che cercavi.

asso82

Perfetto... e fino qui ci sono arrivato.
Ma cosa succede se 1.html sta dentro un altra cartella??

pikadilly

Semplice anche se un pò pidocchioso...

abbiamo due cartelle:
ciao1 e ciao2

In ciao1 abbiamo 1.html
In ciao2 abbiamo 2.html

In 1.html scriviamo cosi:

<HTML>
<HEAD>
<TITLE>Image Gallery</TITLE>
<script language="Javascript">
function PopupPic(sPicURL) {
window.open( "../ciao2/2.html?"+sPicURL, "",
"resizable=1,HEIGHT=200,WIDTH=200");
}
</script>
</HEAD>
<BODY bgcolor="#FFFFFF">

<a href="javascript:PopupPic('16aprile035.jpg')">Image 1</a><br>
<a href="javascript:PopupPic('Image2.gif')">Image 2</a><br>
<a href="javascript:PopupPic('Image3.gif')">Image 3</a><br>

</BODY>
</HTML>

Così ciao1 contiene 1.html e ciao2 contiene 2.html con la foto.
vedi se ti funziona.

asso82

E' quello che ho fatto io sin dall'inizio ma non funziona.
Prova anche tu e vedrai..

pikadilly

Che errore ti da? A me funziona...ti metto un esempio il prima possibile:)

dusy

Se hai praticità con PHP
io ti consiglierei la funtione getimagesize(..)
se cerchi con google, qualcosa di fatto lo trovi sicuramente!

pikadilly

Rieccomi....
esempio pratico:
http://www.pikadilly.it/provafilmatoforum/ciao1/1.html

la foto della micina e la relativa pagina si trovano in una cartella diversa dalla cartella che contiene 1.html.

aprendo http://www.pikadilly.it/provafilmatoforum/ciao2/2.html

Vedi la foto della micia senza passare da 1.html e la provenienza sono due cartelle separate.

nel secondo documento togli questo:

<script language='javascript'>
document.write( "<img src='" + picUrl + "' border=0>" );
</script>

asso82

Ho trovato il problema...
se non metto il file 2.html in una cartella non funziona.
Mi spiego meglio: se scrivo
window.open( "../ciao2/2.html?"+.......) è tutto ok.
Ma se non metto il file dentro la cartella ciao2 ma nella root principale e scrivo
window.open( "../2.html?"+......) non funziona.

Poco mi importa però... metto il file dentro una cartella e risolvo.

Grazie per l'interesse

asso82

Come non detto.
Se salgo di due cartelle (../../cartella/1.html) non funziona

pikadilly

Allora...solo una volta puoi mettere i .../ metti cosi...
.../cartella/cartella/file.html