popups and resizing

[Captain Dondo]

I am using a popup window to show pictures. Each time the user clicks on
a thumbnail in the mail HTML page, the popup either appears or reloads a
new picture.

Some pictures are portrait, and some are landscape. I build the popup
html dynamically. How can I a) resize the popup window to fit the image,
and b) pop it to the forefront once the new picture is loaded?

Thanks.

--

use munged address above to email me
SpamTrap Do*****@seiner.com

[ASM]

Captain Dondo a ecrit :

I am using a popup window to show pictures. Each time the user clicks on
a thumbnail in the mail HTML page, the popup either appears or reloads a
new picture.

Some pictures are portrait, and some are landscape. I build the popup
html dynamically. How can I a) resize the popup window to fit the image,
and b) pop it to the forefront once the new picture is loaded?

in popup :

<img src="view_1.jpg"

onload="window.resizeTo(this.width+12,this.height+ 12);
window.focus();"

id="myPict" name="myPict"
alt="Photo" title="This is first view - Click to close"
onclick="self.close()">

--
************************************************** *****
Stéphane MORIAUX et son vieux Mac
************************************************** *****

[RobG]

ASM wrote:

Captain Dondo a ecrit :

I am using a popup window to show pictures. Each time the user clicks on
a thumbnail in the mail HTML page, the popup either appears or reloads a
new picture.

Some pictures are portrait, and some are landscape. I build the popup
html dynamically. How can I a) resize the popup window to fit the image,
and b) pop it to the forefront once the new picture is loaded?

in popup :

<img src="view_1.jpg"

onload="window.resizeTo(this.width+12,this.height+ 12);
window.focus();"

id="myPict" name="myPict"
alt="Photo" title="This is first view - Click to close"
onclick="self.close()">

Some browsers allow the user to disable window re-sizing by script.
Also be aware that for some browsers, an image element's width and
height attributes are empty unless you specify a height and width as
attributes in the tag.

--
Rob

[ASM]

RobG a *crit :

ASM wrote:

in popup :

<img src="view_1.jpg"
onload="window.resizeTo(this.width+12,this.height+ 12);
window.focus();">
Some browsers allow the user to disable window re-sizing by script.

And same for popups ;-)

And some guys have their JS disabled :-)
Also be aware that for some browsers, an image element's width and
height attributes are empty unless you specify a height and width as
attributes in the tag.

Which ones ?
--
************************************************** *****
Stéphane MORIAUX et son vieux Mac
************************************************** *****

[RobG]

ASM wrote:

RobG a *crit :

ASM wrote:

in popup :

<img src="view_1.jpg"
onload="window.resizeTo(this.width+12,this.height+ 12);
window.focus();">

Some browsers allow the user to disable window re-sizing by script.

And same for popups ;-)

And some guys have their JS disabled :-)

Also be aware that for some browsers, an image element's width and
height attributes are empty unless you specify a height and width as
attributes in the tag.

Which ones ?

From memory, Firefox but testing shows me to be wrong on that count.
Perhaps I was remembering from an old version.

--
Rob

[ASM]

RobG a ecrit :

ASM wrote:

RobG a ecrit :

ASM wrote:

Also be aware that for some browsers, an image element's width and
height attributes are empty unless you specify a height and width as
attributes in the tag.

Which ones ?

From memory, Firefox but testing shows me to be wrong on that count.
Perhaps I was remembering from an old version.

The only difference I know is that somme browsers consideres
innerWindow and others outerWindow to resize

If popup has its attibutes set on only the title bar
the resizing result is almost same.
(I believe)

--
************************************************** *****
Stéphane MORIAUX et son vieux Mac
************************************************** *****

[Captain Dondo]

ASM wrote:

in popup :

<img src="view_1.jpg"

onload="window.resizeTo(this.width+12,this.height+ 12);
window.focus();"

id="myPict" name="myPict"
alt="Photo" title="This is first view - Click to close"
onclick="self.close()">

Thanks, perfect.

[Lasse Reichstein Nielsen]

RobG <rg***@iinet.net.auau> writes:

[image element's width and height properties empty]

From memory, Firefox but testing shows me to be wrong on that count.
Perhaps I was remembering from an old version.

More likely you remember the first time you tested it. The "width" and
"height" attributes are empty until the image has been loaded. When
the image is in the cache, or on a local drive, or at the end of a
very fast connection, you won't notice it, but you always need to wait
for the image to load before using its width.

/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

[ASM]

RobG wrote:

Some browsers allow the user to disable window re-sizing by script.
any way most browsers allow to disabled a lot of things :-(

the resising would work ... sometimes
if ... js ennabled ... and ... what you say

Also be aware that for some browsers, an image element's width and
height attributes are empty unless you specify a height and width as
attributes in the tag.

--
Stephane Moriaux et son [moins] vieux Mac