Newsgroup: it.comp.www.html
Titolo: Popup che si adatta all'immagine contenuta

> Daniele

Ciao devi farlo aprire tramite javascript ed impostare sullo script le
dimensioni dell'immagine.
Vai all'articolo "Aprire finestre impostandone valori"
http://www.azpoint.net/articoli.asp?id=904
Li trovi tutte le informazioni che ti servono per far si che ti si apra la
finestra con le dimensioni adattate all'immagine.
In riassunto la sintassi base è questa
window.open(URL, NomeDellaFinestra[, OpzioniDellaFinestra]))
Dovrai poi modificarlo con le tue caratteristiche e otterri una cosa del
genere
<html>
<head>
<script language="javascript">
<!--
var winOpened;
function apriFinestra(page)
{
winOpened=window.open(page,"","height=200,width=300,scrollbars=yes,toolbar=y
es");
}
file://-->
</script>
<body>
<a href="javascript:apriFinestra('pagina.html');">cliccami</a>
</body>
</html>


Nella pagina in cui metti il link scrivi questo Javascript:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function afficheVignette(cheminVignette,cheminMaxi)
 {
 document.write('<A HREF="javascript:afficheMaxi(\''+cheminMaxi+'\')"><IMG
SRC="'+cheminVignette+'" HSPACE=0 VSPACE=0 BORDER=1 ALT="Clicca qui per
ingrandire la foto"></A>');
 }
function afficheMaxi(chemin)
 {
 i1 = new Image;
 i1.src = chemin;
 html = '<HTML>\n<HEAD>\n<TITLE>Image</TITLE>\n</HEAD>\n<BODY LEFTMARGIN=0
MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0>\n<CENTER><IMG SRC="'+chemin+'"
BORDER=0 NAME=imageTest
onLoad="window.resizeTo(document.imageTest.width+14,document.imageTest.heigh
t+32)"></CENTER>\n</BODY>\n</HTML>';
 popupImage =
window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scroll
bars=0,resizable=0');
 popupImage.document.open();
 popupImage.document.write(html);
 popupImage.document.close()
 };
</SCRIPT>
</head>
<body>
<!-- lo script richiede che il link sia un immagine. disolito si mette
l'immagine che si deve caricare rimpicciolita -->
<SCRIPT LANGUAGE="JavaScript">
afficheVignette("1.gif","2.gif");
</SCRIPT>
</body>
</html>
1.gif č l'immagine a link-------2.gif č l'immagine che deve caricare.
ne puoi mettere piů di 1, per aggiungerli basta ripetere:
<SCRIPT LANGUAGE="JavaScript">
afficheVignette("1.gif","2.gif");
</SCRIPT>
Ciao
||
" ...e l'ultimo angelo suonň la settima tromba ..."
||

> Nella pagina in cui metti il link scrivi questo Javascript:
Complimenti! E' ottimo! :o)))
Anche se su Opera non funge...
qualcuno ha idee per migliorarlo?
Inoltre c'è un altro problema:
manca il controllo sulla dimensione dello schermo,
ora come ora se la popup è più grande del monitor viene tagliata...
per renderlo efficiente bisognerà controllare screen.width e screen.height...
In ogni caso l'idea di passare come parametro
l'html da scrivere nella popup mi piace molto!
MaRoK

Per la peppa, tra un cicchetto e l'altro ho sentito che ###MARCO### ha 
detto:
[cut]
azzo veramente simpatico.. appena possibbibbile lo testo ben bene!!
Compliments...
m.
-- 
Non è bello cio che è bello, figuriamoci cio' che è brutto.

 qualcuno ha idee per migliorarlo?
bč, se vuoi migliorarlo basta usare infotip1.4
(
http://digilander.iol.it/infotip
) , sfiorando il link ti si apre di
fianco l'immagine senza le cornici della popup(č un layer) e delle
dimensioni dell'immagine.
Questo il codice:
<head>
<script language="javascript" src="it_head.js"></script>
</head>
<body>
<span itid="infotip" itinline="<img src=immagine.gif>">TOCCAMI!</span>
<script language="javascript" src="it_body.js"></script>
</body>
Finito. Funziona con IE4+,NS6+,Mozilla0.9+,Opera5+
Stupito vero?  ;-)
Ah,se vuoi ci aggiungi anche il fading...
Ciao
Pino
 
-- 
Posted via Mailgate.ORG Server - 
http://www.Mailgate.ORG

 dimensioni dell'immagine.
Mooooooooolto bello!
Quindi tu useresti i layer invece delle popup,
inserendoci dentro le immagini, giusto?
Evitando così la barra del titolo e le altre porcherie...
Però rimane il problema di gestire lo "straripamento",
ovvero che si fa quando l'immagine è più grande dello schermo?
Hai già provato a vedere se l'immagine viene tagliata, riscalata,
o (secondo me soluzione migliore) compaiono le scrollbars?
Inoltre non va su Netscape4.x,
bisogna metterlo a posto! :o)
MaRoK

 MaRoK
