popup ridimensionabili errore

**chef** · 11-10-2005, 12:11

CIao a tutti,
ho un problema su una pagina che ha una serie di immagini in miniatura e che al clic sull'immagine stessa mi dovrebbe aprire una popup ridimensionabile automaticamente con le dimensioni della fotografia stessa.
Ho trovato il codice su questo sito (sui tutorial mi sembra... o nelle pillole, non ricordo e comunque dopo aver ricercato 'popup ridimensionabili'), ma ho un problema.

IN pratica, con IE6 succede questo: clicco su una miniatura, mi si apre la popup ma di infime dimensioni... (molto piccola)... se chiudo la popup e riclicco sulla miniatura, mi si apre la popup con le dimensioni giuste...
vi incollo il pezzo di codice che compone la popup...:

codice:

<html>

<head><title>Guarda il particolare - </title>
</head>
<body link="#0000FF"  topmargin="0" leftmargin="0">
<script language="javascript" type="text/javascript">
 <!--
   // Recupero l'intera QueryString della pagina
  var querystring = location.search;
  // Ne catturo solo il valore (ovvero ciň che viene scritto dopo =)
  var id = querystring.substr(4);
  // Mostro dinamicamente l'immagine a video e le assegno un nome
  document.write("[img]img/img_i_miei_yorkie/popup/immagine_" + id + ".jpg[/img]");
  function ReimpostaDimensioni()
  {
    // Ridimensiono l'immagine a seconda della sua larghezza e della sua altezza
    window.resizeTo(immagine.width+5, immagine.height+20);
  }
  window.setTimeout("ReimpostaDimensioni()", 1);
 //-->
</script>


</body>

</html>

Se volete vedere la realtà (a me fa così...) andate su http://www.boscodeglielfi.it/home.php?p=3&t=c

ciao carlo

**chef** · 11-10-2005, 17:21

nessuno ha qualche idea o reindirizzarmi verso qualche altra idea??

**badaze** · 11-10-2005, 17:36

In fatti si ridimensiona anche dal momento in cui si fa il refresh sulla popup

Hai provato a scrivere :

ReimpostaDimensioni();

al posto di :

window.setTimeout("ReimpostaDimensioni()", 1);

?

oppure

<body onload="ReimpostaDimensioni();" ... etc >

**chef** · 11-10-2005, 22:37

vi metto il codice che mi ha permesso di fare cio' che desideravo... nel caso servisse a qualcuno...

Nell'head:

codice:

<script type="text/javascript">
// Script Source: CodeLifter.com
// Copyright 2003
// Do not remove this notice.
// SETUPS:
// ===============================
// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)
defaultWidth  = 460;
defaultHeight = 575;

// Set the horizontal and vertical position for the popup
PositionX = 20;
PositionY = 20;

// Per posizionare centralmente la popup.
//PositionX=(screen.width-defaultWidth)/2;
//PositionY=(screen.height-defaultHeight)/2;

// 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='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,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></title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
    writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
    writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.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('window.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]'+imageURL+'[/img]</body></html>');
    close();
}}
</script>

nel body:

codice:

<a href=javascript:popImage('img/img_i_miei_yorkie/popup/immagine_7.jpg','Guarda%20il%20Particolare') >[img]img/img_i_miei_yorkie/mini/immagine_7.jpg[/img]</a>

Ciao a tutti...

**badaze** · 11-10-2005, 22:46

Secondo me deve esserci una soluzione molto più semplice.

**chef** · 11-10-2005, 22:51

può darsi...
ho inserito questo script perchè così bello e pronto mi ha funzionato subito e per me che col Javascrips ho un rapporto molto difficile... è stata una cosa positivissima...

Discussione: popup ridimensionabili errore

Strumenti discussione

Ricerca discussione

Visualizza

popup ridimensionabili errore

ho risolto in questo modo

Permessi di invio