i desperately need popup help IE 7

G

Guest

My images are not resizing in the popup to the right size, they are being cut
off the width was 400 by height 283 now the height is more like 400 by 283
wide, the code in explorer 6 it works perfect how do we set it up so the box
will pop correctly, no arrows appear to pull the box to fix this problem.

I wrote yesterday and no one answered, I need help asap so I can fix this
problem, my popups are pictures of cars which are now cut in half unless you
reduce the view size to 75%. As a person clicks to the next one it takes over
the box and when you click elsewhere it disappears, so that all works fine
just the sizing is driving me crazy...

please help me....
 
R

Rob ^_^

Hi ray,
What method are you using to show your popups? ShowModalDialog or
CreatePopup? IE6 SP2 and IE7 have security options to show the addressbar
and status bar in popup windows so this can change the client area size of
the popup window.
A solution is to make your popup windows slightly larger and to center your
image in the document.
Alternatively, you can use a stretched background image in the popup.
Here's the code snippet
<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}" style="width:100%;height:100%" >
</div>
<div id=contents style="z-index:1;position:absolute">{place your navigation
buttons here and change the div style position attributes to position them}
</div>

Regards.
 
G

Guest

I'm not quite sure what you mean all I have is Fontpage 6.0 and this is the
code I am using:


<script>
// 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 = 400;
defaultHeight = 283;

// 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>Loading...</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(120,120);');
writeln('width=120-(document.body.clientWidth-document.images[0].width);');
writeln('height=120-(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=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+'
style="display:block"></body></html>');
close();
}}

</script>

I've tried giving a rediculous size like 800 by 600 and the box in 7 does
nothing it is exactly the same and I refresh clear history and everything...
it worked perfectly in 6 and prior till this crazy 7 do you see what my
problem is?

Thanks Ray
 
R

Rob ^_^

Hi Ray,

I see by your code that you are resizing the popup window to fit your
picture - window.innerHeight etc.

but ,that by the wayside... do you have a popup blocker installed? I assume
this is V7 of IE? Some popup blockers (including the IE7 built-in) alter
popup window size and positions or stop them from resizing to take up the
full screen( a real annoyance). If installed turn of your popup blocker and
re-test.
Suggested solution... rewrite your script to use a stretched image as per
the code snippet I provided you with i/o resizing the window to fit the
image size.

Regards.
ray said:
I'm not quite sure what you mean all I have is Fontpage 6.0 and this is
the
code I am using:


<script>
// 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 = 400;
defaultHeight = 283;

// 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>Loading...</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(120,120);');
writeln('width=120-(document.body.clientWidth-document.images[0].width);');
writeln('height=120-(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=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+'
style="display:block"></body></html>');
close();
}}

</script>

I've tried giving a rediculous size like 800 by 600 and the box in 7 does
nothing it is exactly the same and I refresh clear history and
everything...
it worked perfectly in 6 and prior till this crazy 7 do you see what my
problem is?

Thanks Ray



Rob ^_^ said:
Hi ray,
What method are you using to show your popups? ShowModalDialog or
CreatePopup? IE6 SP2 and IE7 have security options to show the addressbar
and status bar in popup windows so this can change the client area size
of
the popup window.
A solution is to make your popup windows slightly larger and to center
your
image in the document.
Alternatively, you can use a stretched background image in the popup.
Here's the code snippet
<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}" style="width:100%;height:100%"
</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to position
them}
</div>

Regards.
 
G

Guest

Hi Rob:

My popup blocker was turned off, the size my popup is 400 wide by 283 high,
the code you gave me would I just pop that anywhere in the script? It's been
a long long time since I had to do code, so where you have the code
snippet....

<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}" style="width:100%;height:100%" >
</div>
<div id=contents style="z-index:1;position:absolute">{place your navigation
buttons here and change the div style position attributes to position them}
</div>


photo adress I put in where I have the pics...

where you have <img id=my_car_photo src= <- I don't change this?

{place your navigation buttons here and change the div style position
attributes to position them} I don't know what to do with this? I use the
same clickable picture with little camera for all the pictures there are
currently about 80 pics and this is what I have:

<a
href="javascript:popImage('dec2/PHOTO_ASSET_S8P2YAXUBIUVWMN3AIKZBNQJ8_1661_MAN_main.jpg','Image')">
<font color="#000000" face="Arial">
<img height="9" src="images/Photo.gif" width="53"
border="0"></font></a></font></span></font></b></td>

I hope I explained this properly so you know what I mean... if you can help
me I would appreciate it...

Thanks Ray...


Rob ^_^ said:
Hi Ray,

I see by your code that you are resizing the popup window to fit your
picture - window.innerHeight etc.

but ,that by the wayside... do you have a popup blocker installed? I assume
this is V7 of IE? Some popup blockers (including the IE7 built-in) alter
popup window size and positions or stop them from resizing to take up the
full screen( a real annoyance). If installed turn of your popup blocker and
re-test.
Suggested solution... rewrite your script to use a stretched image as per
the code snippet I provided you with i/o resizing the window to fit the
image size.

Regards.
ray said:
I'm not quite sure what you mean all I have is Fontpage 6.0 and this is
the
code I am using:


<script>
// 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 = 400;
defaultHeight = 283;

// 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>Loading...</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(120,120);');
writeln('width=120-(document.body.clientWidth-document.images[0].width);');
writeln('height=120-(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=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+'
style="display:block"></body></html>');
close();
}}

</script>

I've tried giving a rediculous size like 800 by 600 and the box in 7 does
nothing it is exactly the same and I refresh clear history and
everything...
it worked perfectly in 6 and prior till this crazy 7 do you see what my
problem is?

Thanks Ray



Rob ^_^ said:
Hi ray,
What method are you using to show your popups? ShowModalDialog or
CreatePopup? IE6 SP2 and IE7 have security options to show the addressbar
and status bar in popup windows so this can change the client area size
of
the popup window.
A solution is to make your popup windows slightly larger and to center
your
image in the document.
Alternatively, you can use a stretched background image in the popup.
Here's the code snippet
<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}" style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to position
them}
</div>

Regards.
My images are not resizing in the popup to the right size, they are
being
cut
off the width was 400 by height 283 now the height is more like 400 by
283
wide, the code in explorer 6 it works perfect how do we set it up so
the
box
will pop correctly, no arrows appear to pull the box to fix this
problem.

I wrote yesterday and no one answered, I need help asap so I can fix
this
problem, my popups are pictures of cars which are now cut in half
unless
you
reduce the view size to 75%. As a person clicks to the next one it
takes
over
the box and when you click elsewhere it disappears, so that all works
fine
just the sizing is driving me crazy...

please help me....
 
R

Rob ^_^

Hi Ray,

You replace it in the section of javascript where you use the
document.write method to build the html of the popup. Also remove all
references to resizing the popup window to the size of the image. You should
consider having standard sizes for your images and popups so that the
experience is consistent for the user's eye.

Regards.
ray said:
Hi Rob:

My popup blocker was turned off, the size my popup is 400 wide by 283
high,
the code you gave me would I just pop that anywhere in the script? It's
been
a long long time since I had to do code, so where you have the code
snippet....

<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}" style="width:100%;height:100%"</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to position
them}
</div>


photo adress I put in where I have the pics...

where you have <img id=my_car_photo src= <- I don't change this?

{place your navigation buttons here and change the div style position
attributes to position them} I don't know what to do with this? I use the
same clickable picture with little camera for all the pictures there are
currently about 80 pics and this is what I have:

<a
href="javascript:popImage('dec2/PHOTO_ASSET_S8P2YAXUBIUVWMN3AIKZBNQJ8_1661_MAN_main.jpg','Image')">
<font color="#000000" face="Arial">
<img height="9" src="images/Photo.gif" width="53"
border="0"></font></a></font></span></font></b></td>

I hope I explained this properly so you know what I mean... if you can
help
me I would appreciate it...

Thanks Ray...


Rob ^_^ said:
Hi Ray,

I see by your code that you are resizing the popup window to fit your
picture - window.innerHeight etc.

but ,that by the wayside... do you have a popup blocker installed? I
assume
this is V7 of IE? Some popup blockers (including the IE7 built-in) alter
popup window size and positions or stop them from resizing to take up the
full screen( a real annoyance). If installed turn of your popup blocker
and
re-test.
Suggested solution... rewrite your script to use a stretched image as per
the code snippet I provided you with i/o resizing the window to fit the
image size.

Regards.
ray said:
I'm not quite sure what you mean all I have is Fontpage 6.0 and this is
the
code I am using:


<script>
// 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 = 400;
defaultHeight = 283;

// 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>Loading...</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(120,120);');
writeln('width=120-(document.body.clientWidth-document.images[0].width);');
writeln('height=120-(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=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()"
onblur="self.close()">');
writeln('<img name="George" src='+imageURL+'
style="display:block"></body></html>');
close();
}}

</script>

I've tried giving a rediculous size like 800 by 600 and the box in 7
does
nothing it is exactly the same and I refresh clear history and
everything...
it worked perfectly in 6 and prior till this crazy 7 do you see what my
problem is?

Thanks Ray



:

Hi ray,
What method are you using to show your popups? ShowModalDialog or
CreatePopup? IE6 SP2 and IE7 have security options to show the
addressbar
and status bar in popup windows so this can change the client area
size
of
the popup window.
A solution is to make your popup windows slightly larger and to center
your
image in the document.
Alternatively, you can use a stretched background image in the popup.
Here's the code snippet
<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}"
style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to position
them}
</div>

Regards.
My images are not resizing in the popup to the right size, they are
being
cut
off the width was 400 by height 283 now the height is more like 400
by
283
wide, the code in explorer 6 it works perfect how do we set it up so
the
box
will pop correctly, no arrows appear to pull the box to fix this
problem.

I wrote yesterday and no one answered, I need help asap so I can fix
this
problem, my popups are pictures of cars which are now cut in half
unless
you
reduce the view size to 75%. As a person clicks to the next one it
takes
over
the box and when you click elsewhere it disappears, so that all
works
fine
just the sizing is driving me crazy...

please help me....
 
G

Guest

Hi Rob;

The way I do my pictures I make them all the same size right now, 350x263
and I have it set to a bit larger... so I have all my code there could you
give a sample of what it should look like done if that is possible?

thanks Ray


Rob ^_^ said:
Hi Ray,

You replace it in the section of javascript where you use the
document.write method to build the html of the popup. Also remove all
references to resizing the popup window to the size of the image. You should
consider having standard sizes for your images and popups so that the
experience is consistent for the user's eye.

Regards.
ray said:
Hi Rob:

My popup blocker was turned off, the size my popup is 400 wide by 283
high,
the code you gave me would I just pop that anywhere in the script? It's
been
a long long time since I had to do code, so where you have the code
snippet....

<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}" style="width:100%;height:100%"</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to position
them}
</div>


photo adress I put in where I have the pics...

where you have <img id=my_car_photo src= <- I don't change this?

{place your navigation buttons here and change the div style position
attributes to position them} I don't know what to do with this? I use the
same clickable picture with little camera for all the pictures there are
currently about 80 pics and this is what I have:

<a
href="javascript:popImage('dec2/PHOTO_ASSET_S8P2YAXUBIUVWMN3AIKZBNQJ8_1661_MAN_main.jpg','Image')">
<font color="#000000" face="Arial">
<img height="9" src="images/Photo.gif" width="53"
border="0"></font></a></font></span></font></b></td>

I hope I explained this properly so you know what I mean... if you can
help
me I would appreciate it...

Thanks Ray...


Rob ^_^ said:
Hi Ray,

I see by your code that you are resizing the popup window to fit your
picture - window.innerHeight etc.

but ,that by the wayside... do you have a popup blocker installed? I
assume
this is V7 of IE? Some popup blockers (including the IE7 built-in) alter
popup window size and positions or stop them from resizing to take up the
full screen( a real annoyance). If installed turn of your popup blocker
and
re-test.
Suggested solution... rewrite your script to use a stretched image as per
the code snippet I provided you with i/o resizing the window to fit the
image size.

Regards.
I'm not quite sure what you mean all I have is Fontpage 6.0 and this is
the
code I am using:


<script>
// 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 = 400;
defaultHeight = 283;

// 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>Loading...</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(120,120);');
writeln('width=120-(document.body.clientWidth-document.images[0].width);');
writeln('height=120-(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=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()"
onblur="self.close()">');
writeln('<img name="George" src='+imageURL+'
style="display:block"></body></html>');
close();
}}

</script>

I've tried giving a rediculous size like 800 by 600 and the box in 7
does
nothing it is exactly the same and I refresh clear history and
everything...
it worked perfectly in 6 and prior till this crazy 7 do you see what my
problem is?

Thanks Ray



:

Hi ray,
What method are you using to show your popups? ShowModalDialog or
CreatePopup? IE6 SP2 and IE7 have security options to show the
addressbar
and status bar in popup windows so this can change the client area
size
of
the popup window.
A solution is to make your popup windows slightly larger and to center
your
image in the document.
Alternatively, you can use a stretched background image in the popup.
Here's the code snippet
<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}"
style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to position
them}
</div>

Regards.
My images are not resizing in the popup to the right size, they are
being
cut
off the width was 400 by height 283 now the height is more like 400
by
283
wide, the code in explorer 6 it works perfect how do we set it up so
the
box
will pop correctly, no arrows appear to pull the box to fix this
problem.

I wrote yesterday and no one answered, I need help asap so I can fix
this
problem, my popups are pictures of cars which are now cut in half
unless
you
reduce the view size to 75%. As a person clicks to the next one it
takes
over
the box and when you click elsewhere it disappears, so that all
works
fine
just the sizing is driving me crazy...

please help me....
 
R

Rob ^_^

Hi Ray,
Sorry Ray, its back to coding 4 you. I support only.
Regards.
ray said:
Hi Rob;

The way I do my pictures I make them all the same size right now, 350x263
and I have it set to a bit larger... so I have all my code there could you
give a sample of what it should look like done if that is possible?

thanks Ray


Rob ^_^ said:
Hi Ray,

You replace it in the section of javascript where you use the
document.write method to build the html of the popup. Also remove all
references to resizing the popup window to the size of the image. You
should
consider having standard sizes for your images and popups so that the
experience is consistent for the user's eye.

Regards.
ray said:
Hi Rob:

My popup blocker was turned off, the size my popup is 400 wide by 283
high,
the code you gave me would I just pop that anywhere in the script? It's
been
a long long time since I had to do code, so where you have the code
snippet....

<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}"
style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to position
them}
</div>


photo adress I put in where I have the pics...

where you have <img id=my_car_photo src= <- I don't change this?

{place your navigation buttons here and change the div style position
attributes to position them} I don't know what to do with this? I use
the
same clickable picture with little camera for all the pictures there
are
currently about 80 pics and this is what I have:

<a
href="javascript:popImage('dec2/PHOTO_ASSET_S8P2YAXUBIUVWMN3AIKZBNQJ8_1661_MAN_main.jpg','Image')">
<font color="#000000" face="Arial">
<img height="9" src="images/Photo.gif" width="53"
border="0"></font></a></font></span></font></b></td>

I hope I explained this properly so you know what I mean... if you can
help
me I would appreciate it...

Thanks Ray...


:

Hi Ray,

I see by your code that you are resizing the popup window to fit your
picture - window.innerHeight etc.

but ,that by the wayside... do you have a popup blocker installed? I
assume
this is V7 of IE? Some popup blockers (including the IE7 built-in)
alter
popup window size and positions or stop them from resizing to take up
the
full screen( a real annoyance). If installed turn of your popup
blocker
and
re-test.
Suggested solution... rewrite your script to use a stretched image as
per
the code snippet I provided you with i/o resizing the window to fit
the
image size.

Regards.
I'm not quite sure what you mean all I have is Fontpage 6.0 and this
is
the
code I am using:


<script>
// 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 = 400;
defaultHeight = 283;

// 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>Loading...</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(120,120);');
writeln('width=120-(document.body.clientWidth-document.images[0].width);');
writeln('height=120-(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=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()"
onblur="self.close()">');
writeln('<img name="George" src='+imageURL+'
style="display:block"></body></html>');
close();
}}

</script>

I've tried giving a rediculous size like 800 by 600 and the box in 7
does
nothing it is exactly the same and I refresh clear history and
everything...
it worked perfectly in 6 and prior till this crazy 7 do you see what
my
problem is?

Thanks Ray



:

Hi ray,
What method are you using to show your popups? ShowModalDialog or
CreatePopup? IE6 SP2 and IE7 have security options to show the
addressbar
and status bar in popup windows so this can change the client area
size
of
the popup window.
A solution is to make your popup windows slightly larger and to
center
your
image in the document.
Alternatively, you can use a stretched background image in the
popup.
Here's the code snippet
<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}"
style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to
position
them}
</div>

Regards.
My images are not resizing in the popup to the right size, they
are
being
cut
off the width was 400 by height 283 now the height is more like
400
by
283
wide, the code in explorer 6 it works perfect how do we set it up
so
the
box
will pop correctly, no arrows appear to pull the box to fix this
problem.

I wrote yesterday and no one answered, I need help asap so I can
fix
this
problem, my popups are pictures of cars which are now cut in half
unless
you
reduce the view size to 75%. As a person clicks to the next one
it
takes
over
the box and when you click elsewhere it disappears, so that all
works
fine
just the sizing is driving me crazy...

please help me....
 
G

Guest

Hi Rob:

I understand, it makes me mad though because of sloppy programming by
microsoft i have to spend hours trying to fix something that should easily be
adjustable in their menu.... I don't know how they get away with this... as
far as I'm concerned if it works in every other version it should work in 7
too!

Rob ^_^ said:
Hi Ray,
Sorry Ray, its back to coding 4 you. I support only.
Regards.
ray said:
Hi Rob;

The way I do my pictures I make them all the same size right now, 350x263
and I have it set to a bit larger... so I have all my code there could you
give a sample of what it should look like done if that is possible?

thanks Ray


Rob ^_^ said:
Hi Ray,

You replace it in the section of javascript where you use the
document.write method to build the html of the popup. Also remove all
references to resizing the popup window to the size of the image. You
should
consider having standard sizes for your images and popups so that the
experience is consistent for the user's eye.

Regards.
Hi Rob:

My popup blocker was turned off, the size my popup is 400 wide by 283
high,
the code you gave me would I just pop that anywhere in the script? It's
been
a long long time since I had to do code, so where you have the code
snippet....

<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}"
style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to position
them}
</div>


photo adress I put in where I have the pics...

where you have <img id=my_car_photo src= <- I don't change this?

{place your navigation buttons here and change the div style position
attributes to position them} I don't know what to do with this? I use
the
same clickable picture with little camera for all the pictures there
are
currently about 80 pics and this is what I have:

<a
href="javascript:popImage('dec2/PHOTO_ASSET_S8P2YAXUBIUVWMN3AIKZBNQJ8_1661_MAN_main.jpg','Image')">
<font color="#000000" face="Arial">
<img height="9" src="images/Photo.gif" width="53"
border="0"></font></a></font></span></font></b></td>

I hope I explained this properly so you know what I mean... if you can
help
me I would appreciate it...

Thanks Ray...


:

Hi Ray,

I see by your code that you are resizing the popup window to fit your
picture - window.innerHeight etc.

but ,that by the wayside... do you have a popup blocker installed? I
assume
this is V7 of IE? Some popup blockers (including the IE7 built-in)
alter
popup window size and positions or stop them from resizing to take up
the
full screen( a real annoyance). If installed turn of your popup
blocker
and
re-test.
Suggested solution... rewrite your script to use a stretched image as
per
the code snippet I provided you with i/o resizing the window to fit
the
image size.

Regards.
I'm not quite sure what you mean all I have is Fontpage 6.0 and this
is
the
code I am using:


<script>
// 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 = 400;
defaultHeight = 283;

// 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>Loading...</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(120,120);');
writeln('width=120-(document.body.clientWidth-document.images[0].width);');
writeln('height=120-(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=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()"
onblur="self.close()">');
writeln('<img name="George" src='+imageURL+'
style="display:block"></body></html>');
close();
}}

</script>

I've tried giving a rediculous size like 800 by 600 and the box in 7
does
nothing it is exactly the same and I refresh clear history and
everything...
it worked perfectly in 6 and prior till this crazy 7 do you see what
my
problem is?

Thanks Ray



:

Hi ray,
What method are you using to show your popups? ShowModalDialog or
CreatePopup? IE6 SP2 and IE7 have security options to show the
addressbar
and status bar in popup windows so this can change the client area
size
of
the popup window.
A solution is to make your popup windows slightly larger and to
center
your
image in the document.
Alternatively, you can use a stretched background image in the
popup.
Here's the code snippet
<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}"
style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to
position
them}
</div>

Regards.
My images are not resizing in the popup to the right size, they
are
being
cut
off the width was 400 by height 283 now the height is more like
400
by
283
wide, the code in explorer 6 it works perfect how do we set it up
so
the
box
will pop correctly, no arrows appear to pull the box to fix this
problem.

I wrote yesterday and no one answered, I need help asap so I can
fix
this
problem, my popups are pictures of cars which are now cut in half
unless
you
reduce the view size to 75%. As a person clicks to the next one
it
takes
over
the box and when you click elsewhere it disappears, so that all
works
fine
just the sizing is driving me crazy...

please help me....
 
F

Frank Saunders, MS-MVP OE/WM

It's not sloppy programming, it's tighter adherence to the standards.

--
Frank Saunders, MS-MVP OE/WM
http://www.fjsmjs.com


ray said:
Hi Rob:

I understand, it makes me mad though because of sloppy programming by
microsoft i have to spend hours trying to fix something that should easily
be
adjustable in their menu.... I don't know how they get away with this...
as
far as I'm concerned if it works in every other version it should work in
7
too!

Rob ^_^ said:
Hi Ray,
Sorry Ray, its back to coding 4 you. I support only.
Regards.
ray said:
Hi Rob;

The way I do my pictures I make them all the same size right now,
350x263
and I have it set to a bit larger... so I have all my code there could
you
give a sample of what it should look like done if that is possible?

thanks Ray


:

Hi Ray,

You replace it in the section of javascript where you use the
document.write method to build the html of the popup. Also remove all
references to resizing the popup window to the size of the image. You
should
consider having standard sizes for your images and popups so that the
experience is consistent for the user's eye.

Regards.
Hi Rob:

My popup blocker was turned off, the size my popup is 400 wide by
283
high,
the code you gave me would I just pop that anywhere in the script?
It's
been
a long long time since I had to do code, so where you have the code
snippet....

<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}"
style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to
position
them}
</div>


photo adress I put in where I have the pics...

where you have <img id=my_car_photo src= <- I don't change this?

{place your navigation buttons here and change the div style
position
attributes to position them} I don't know what to do with this? I
use
the
same clickable picture with little camera for all the pictures there
are
currently about 80 pics and this is what I have:

<a
href="javascript:popImage('dec2/PHOTO_ASSET_S8P2YAXUBIUVWMN3AIKZBNQJ8_1661_MAN_main.jpg','Image')">
<font color="#000000" face="Arial">
<img height="9" src="images/Photo.gif" width="53"
border="0"></font></a></font></span></font></b></td>

I hope I explained this properly so you know what I mean... if you
can
help
me I would appreciate it...

Thanks Ray...


:

Hi Ray,

I see by your code that you are resizing the popup window to fit
your
picture - window.innerHeight etc.

but ,that by the wayside... do you have a popup blocker installed?
I
assume
this is V7 of IE? Some popup blockers (including the IE7 built-in)
alter
popup window size and positions or stop them from resizing to take
up
the
full screen( a real annoyance). If installed turn of your popup
blocker
and
re-test.
Suggested solution... rewrite your script to use a stretched image
as
per
the code snippet I provided you with i/o resizing the window to fit
the
image size.

Regards.
I'm not quite sure what you mean all I have is Fontpage 6.0 and
this
is
the
code I am using:


<script>
// 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 = 400;
defaultHeight = 283;

// 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>Loading...</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(120,120);');
writeln('width=120-(document.body.clientWidth-document.images[0].width);');
writeln('height=120-(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=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()"
onblur="self.close()">');
writeln('<img name="George" src='+imageURL+'
style="display:block"></body></html>');
close();
}}

</script>

I've tried giving a rediculous size like 800 by 600 and the box
in 7
does
nothing it is exactly the same and I refresh clear history and
everything...
it worked perfectly in 6 and prior till this crazy 7 do you see
what
my
problem is?

Thanks Ray



:

Hi ray,
What method are you using to show your popups? ShowModalDialog
or
CreatePopup? IE6 SP2 and IE7 have security options to show the
addressbar
and status bar in popup windows so this can change the client
area
size
of
the popup window.
A solution is to make your popup windows slightly larger and to
center
your
image in the document.
Alternatively, you can use a stretched background image in the
popup.
Here's the code snippet
<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px;
height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}"
style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to
position
them}
</div>

Regards.
My images are not resizing in the popup to the right size,
they
are
being
cut
off the width was 400 by height 283 now the height is more
like
400
by
283
wide, the code in explorer 6 it works perfect how do we set it
up
so
the
box
will pop correctly, no arrows appear to pull the box to fix
this
problem.

I wrote yesterday and no one answered, I need help asap so I
can
fix
this
problem, my popups are pictures of cars which are now cut in
half
unless
you
reduce the view size to 75%. As a person clicks to the next
one
it
takes
over
the box and when you click elsewhere it disappears, so that
all
works
fine
just the sizing is driving me crazy...

please help me....
 
G

Guest

Hi Frank:

If that's what you want to call it, that's up to you... most pictures are
displayed int the landscape mode not portrait, and to ask that they size
according to the size I specify is not asking too much... I am not requesting
it to pop to a full page, and so we should all adhere to one specific size
that works for microsoft because they can't make it adaptable, there should
be an explanation of how to fix and correct this problem in version 7, what
is the point of a help box if when you ask it for help and it never has the
answer.

If it isn't sloppy programmming then help me fix it, because I display my
cars in a size 350 x263 and that is a nice popup that doesn't come up unless
a person specifically clicks on it to do that you can see the coding in the
message.... I wouldn't have this problem if Microsoft took into account this
reasonable request, now it takes me days on end to fix a problem I can't get
support on, and you say that's not sloppy?


Frank Saunders said:
It's not sloppy programming, it's tighter adherence to the standards.

--
Frank Saunders, MS-MVP OE/WM
http://www.fjsmjs.com


ray said:
Hi Rob:

I understand, it makes me mad though because of sloppy programming by
microsoft i have to spend hours trying to fix something that should easily
be
adjustable in their menu.... I don't know how they get away with this...
as
far as I'm concerned if it works in every other version it should work in
7
too!

Rob ^_^ said:
Hi Ray,
Sorry Ray, its back to coding 4 you. I support only.
Regards.
Hi Rob;

The way I do my pictures I make them all the same size right now,
350x263
and I have it set to a bit larger... so I have all my code there could
you
give a sample of what it should look like done if that is possible?

thanks Ray


:

Hi Ray,

You replace it in the section of javascript where you use the
document.write method to build the html of the popup. Also remove all
references to resizing the popup window to the size of the image. You
should
consider having standard sizes for your images and popups so that the
experience is consistent for the user's eye.

Regards.
Hi Rob:

My popup blocker was turned off, the size my popup is 400 wide by
283
high,
the code you gave me would I just pop that anywhere in the script?
It's
been
a long long time since I had to do code, so where you have the code
snippet....

<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}"
style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to
position
them}
</div>


photo adress I put in where I have the pics...

where you have <img id=my_car_photo src= <- I don't change this?

{place your navigation buttons here and change the div style
position
attributes to position them} I don't know what to do with this? I
use
the
same clickable picture with little camera for all the pictures there
are
currently about 80 pics and this is what I have:

<a
href="javascript:popImage('dec2/PHOTO_ASSET_S8P2YAXUBIUVWMN3AIKZBNQJ8_1661_MAN_main.jpg','Image')">
<font color="#000000" face="Arial">
<img height="9" src="images/Photo.gif" width="53"
border="0"></font></a></font></span></font></b></td>

I hope I explained this properly so you know what I mean... if you
can
help
me I would appreciate it...

Thanks Ray...


:

Hi Ray,

I see by your code that you are resizing the popup window to fit
your
picture - window.innerHeight etc.

but ,that by the wayside... do you have a popup blocker installed?
I
assume
this is V7 of IE? Some popup blockers (including the IE7 built-in)
alter
popup window size and positions or stop them from resizing to take
up
the
full screen( a real annoyance). If installed turn of your popup
blocker
and
re-test.
Suggested solution... rewrite your script to use a stretched image
as
per
the code snippet I provided you with i/o resizing the window to fit
the
image size.

Regards.
I'm not quite sure what you mean all I have is Fontpage 6.0 and
this
is
the
code I am using:


<script>
// 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 = 400;
defaultHeight = 283;

// 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>Loading...</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(120,120);');
writeln('width=120-(document.body.clientWidth-document.images[0].width);');
writeln('height=120-(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=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()"
onblur="self.close()">');
writeln('<img name="George" src='+imageURL+'
style="display:block"></body></html>');
close();
}}

</script>

I've tried giving a rediculous size like 800 by 600 and the box
in 7
does
nothing it is exactly the same and I refresh clear history and
everything...
it worked perfectly in 6 and prior till this crazy 7 do you see
what
my
problem is?

Thanks Ray



:

Hi ray,
What method are you using to show your popups? ShowModalDialog
or
CreatePopup? IE6 SP2 and IE7 have security options to show the
addressbar
and status bar in popup windows so this can change the client
area
size
of
the popup window.
A solution is to make your popup windows slightly larger and to
center
your
image in the document.
Alternatively, you can use a stretched background image in the
popup.
Here's the code snippet
<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px;
height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}"
style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to
position
them}
</div>

Regards.
My images are not resizing in the popup to the right size,
they
are
being
cut
off the width was 400 by height 283 now the height is more
like
400
by
283
wide, the code in explorer 6 it works perfect how do we set it
up
so
the
box
will pop correctly, no arrows appear to pull the box to fix
this
problem.

I wrote yesterday and no one answered, I need help asap so I
can
fix
this
problem, my popups are pictures of cars which are now cut in
half
unless
you
reduce the view size to 75%. As a person clicks to the next
one
it
takes
over
the box and when you click elsewhere it disappears, so that
all
works
fine
just the sizing is driving me crazy...

please help me....
 
G

Guest

How long is it before someone comes up with a solution to this porblem?

ray said:
Hi Frank:

If that's what you want to call it, that's up to you... most pictures are
displayed int the landscape mode not portrait, and to ask that they size
according to the size I specify is not asking too much... I am not requesting
it to pop to a full page, and so we should all adhere to one specific size
that works for microsoft because they can't make it adaptable, there should
be an explanation of how to fix and correct this problem in version 7, what
is the point of a help box if when you ask it for help and it never has the
answer.

If it isn't sloppy programmming then help me fix it, because I display my
cars in a size 350 x263 and that is a nice popup that doesn't come up unless
a person specifically clicks on it to do that you can see the coding in the
message.... I wouldn't have this problem if Microsoft took into account this
reasonable request, now it takes me days on end to fix a problem I can't get
support on, and you say that's not sloppy?


Frank Saunders said:
It's not sloppy programming, it's tighter adherence to the standards.

--
Frank Saunders, MS-MVP OE/WM
http://www.fjsmjs.com


ray said:
Hi Rob:

I understand, it makes me mad though because of sloppy programming by
microsoft i have to spend hours trying to fix something that should easily
be
adjustable in their menu.... I don't know how they get away with this...
as
far as I'm concerned if it works in every other version it should work in
7
too!

:

Hi Ray,
Sorry Ray, its back to coding 4 you. I support only.
Regards.
Hi Rob;

The way I do my pictures I make them all the same size right now,
350x263
and I have it set to a bit larger... so I have all my code there could
you
give a sample of what it should look like done if that is possible?

thanks Ray


:

Hi Ray,

You replace it in the section of javascript where you use the
document.write method to build the html of the popup. Also remove all
references to resizing the popup window to the size of the image. You
should
consider having standard sizes for your images and popups so that the
experience is consistent for the user's eye.

Regards.
Hi Rob:

My popup blocker was turned off, the size my popup is 400 wide by
283
high,
the code you gave me would I just pop that anywhere in the script?
It's
been
a long long time since I had to do code, so where you have the code
snippet....

<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}"
style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to
position
them}
</div>


photo adress I put in where I have the pics...

where you have <img id=my_car_photo src= <- I don't change this?

{place your navigation buttons here and change the div style
position
attributes to position them} I don't know what to do with this? I
use
the
same clickable picture with little camera for all the pictures there
are
currently about 80 pics and this is what I have:

<a
href="javascript:popImage('dec2/PHOTO_ASSET_S8P2YAXUBIUVWMN3AIKZBNQJ8_1661_MAN_main.jpg','Image')">
<font color="#000000" face="Arial">
<img height="9" src="images/Photo.gif" width="53"
border="0"></font></a></font></span></font></b></td>

I hope I explained this properly so you know what I mean... if you
can
help
me I would appreciate it...

Thanks Ray...


:

Hi Ray,

I see by your code that you are resizing the popup window to fit
your
picture - window.innerHeight etc.

but ,that by the wayside... do you have a popup blocker installed?
I
assume
this is V7 of IE? Some popup blockers (including the IE7 built-in)
alter
popup window size and positions or stop them from resizing to take
up
the
full screen( a real annoyance). If installed turn of your popup
blocker
and
re-test.
Suggested solution... rewrite your script to use a stretched image
as
per
the code snippet I provided you with i/o resizing the window to fit
the
image size.

Regards.
I'm not quite sure what you mean all I have is Fontpage 6.0 and
this
is
the
code I am using:


<script>
// 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 = 400;
defaultHeight = 283;

// 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>Loading...</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(120,120);');
writeln('width=120-(document.body.clientWidth-document.images[0].width);');
writeln('height=120-(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=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()"
onblur="self.close()">');
writeln('<img name="George" src='+imageURL+'
style="display:block"></body></html>');
close();
}}

</script>

I've tried giving a rediculous size like 800 by 600 and the box
in 7
does
nothing it is exactly the same and I refresh clear history and
everything...
it worked perfectly in 6 and prior till this crazy 7 do you see
what
my
problem is?

Thanks Ray



:

Hi ray,
What method are you using to show your popups? ShowModalDialog
or
CreatePopup? IE6 SP2 and IE7 have security options to show the
addressbar
and status bar in popup windows so this can change the client
area
size
of
the popup window.
A solution is to make your popup windows slightly larger and to
center
your
image in the document.
Alternatively, you can use a stretched background image in the
popup.
Here's the code snippet
<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px;
height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}"
style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to
position
them}
</div>

Regards.
My images are not resizing in the popup to the right size,
they
are
being
cut
off the width was 400 by height 283 now the height is more
like
400
by
283
wide, the code in explorer 6 it works perfect how do we set it
up
so
the
box
will pop correctly, no arrows appear to pull the box to fix
this
problem.

I wrote yesterday and no one answered, I need help asap so I
can
fix
this
problem, my popups are pictures of cars which are now cut in
half
unless
you
reduce the view size to 75%. As a person clicks to the next
one
 
P

pnelson1

I had this same problem... specifically, my pop-up images were getting
cropped in width by 120px from the right side (top, bottom and left
side were not affected). I simply added to the defined width by 120 in
these two lines where the @@@ is:

writeln('function reSizeToImage(){');writeln('if
(isIE){');writeln('window.resizeTo(@@@,100);');
writeln('width=@@@-(document.body.clientWidth-document.images[0].width);');

In your example, the initial defined width @@@ was 120, so change it to
240 in those two lines as shown above. That fixed it for me. If your
height is also being effected, I would increase the initial defined
height as well.

(Note: I did NOT alter the default width that is set at the beginning
of the code, based on the largest image you use.)

Your results may vary. Good Luck.
How long is it before someone comes up with a solution to this porblem?

ray said:
Hi Frank:

If that's what you want to call it, that's up to you... most pictures are
displayed int the landscape mode not portrait, and to ask that they size
according to the size I specify is not asking too much... I am not requesting
it to pop to a full page, and so we should all adhere to one specific size
that works for microsoft because they can't make it adaptable, there should
be an explanation of how to fix and correct this problem in version 7, what
is the point of a help box if when you ask it for help and it never has the
answer.

If it isn't sloppy programmming then help me fix it, because I display my
cars in a size 350 x263 and that is a nice popup that doesn't come up unless
a person specifically clicks on it to do that you can see the coding in the
message.... I wouldn't have this problem if Microsoft took into account this
reasonable request, now it takes me days on end to fix a problem I can't get
support on, and you say that's not sloppy?


Frank Saunders said:
It's not sloppy programming, it's tighter adherence to the standards.

--
Frank Saunders, MS-MVP OE/WM
http://www.fjsmjs.com


Hi Rob:

I understand, it makes me mad though because of sloppy programming by
microsoft i have to spend hours trying to fix something that should easily
be
adjustable in their menu.... I don't know how they get away with this...
as
far as I'm concerned if it works in every other version it should work in
7
too!

:

Hi Ray,
Sorry Ray, its back to coding 4 you. I support only.
Regards.
Hi Rob;

The way I do my pictures I make them all the same size right now,
350x263
and I have it set to a bit larger... so I have all my code there could
you
give a sample of what it should look like done if that is possible?

thanks Ray


:

Hi Ray,

You replace it in the section of javascript where you use the
document.write method to build the html of the popup. Also remove all
references to resizing the popup window to the size of the image. You
should
consider having standard sizes for your images and popups so that the
experience is consistent for the user's eye.

Regards.
Hi Rob:

My popup blocker was turned off, the size my popup is 400 wide by
283
high,
the code you gave me would I just pop that anywhere in the script?
It's
been
a long long time since I had to do code, so where you have the code
snippet....

<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px; height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}"
style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to
position
them}
</div>


photo adress I put in where I have the pics...

where you have <img id=my_car_photo src= <- I don't change this?

{place your navigation buttons here and change the div style
position
attributes to position them} I don't know what to do with this? I
use
the
same clickable picture with little camera for all the pictures there
are
currently about 80 pics and this is what I have:

<a
href="javascript:popImage('dec2/PHOTO_ASSET_S8P2YAXUBIUVWMN3AIKZBNQJ8_1661_MAN_main.jpg','Image')">
<font color="#000000" face="Arial">
<img height="9" src="images/Photo.gif" width="53"
border="0"></font></a></font></span></font></b></td>

I hope I explained this properly so you know what I mean... if you
can
help
me I would appreciate it...

Thanks Ray...


:

Hi Ray,

I see by your code that you are resizing the popup window to fit
your
picture - window.innerHeight etc.

but ,that by the wayside... do you have a popup blocker installed?
I
assume
this is V7 of IE? Some popup blockers (including the IE7 built-in)
alter
popup window size and positions or stop them from resizing to take
up
the
full screen( a real annoyance). If installed turn of your popup
blocker
and
re-test.
Suggested solution... rewrite your script to use a stretched image
as
per
the code snippet I provided you with i/o resizing the window to fit
the
image size.

Regards.
I'm not quite sure what you mean all I have is Fontpage 6.0 and
this
is
the
code I am using:


<script>
// 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 = 400;
defaultHeight = 283;

// 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>Loading...</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(120,120);');
writeln('width=120-(document.body.clientWidth-document.images[0].width);');
writeln('height=120-(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=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=FFFFFF scroll="no"
onload="reSizeToImage();doTitle();self.focus()"
onblur="self.close()">');
writeln('<img name="George" src='+imageURL+'
style="display:block"></body></html>');
close();
}}

</script>

I've tried giving a rediculous size like 800 by 600 and the box
in 7
does
nothing it is exactly the same and I refresh clear history and
everything...
it worked perfectly in 6 and prior till this crazy 7 do you see
what
my
problem is?

Thanks Ray



:

Hi ray,
What method are you using to show your popups? ShowModalDialog
or
CreatePopup? IE6 SP2 and IE7 have security options to show the
addressbar
and status bar in popup windows so this can change the client
area
size
of
the popup window.
A solution is to make your popup windows slightly larger and to
center
your
image in the document.
Alternatively, you can use a stretched background image in the
popup.
Here's the code snippet
<body style="margin:0px">
<div id=bg_image style="left=0px; width:100%; top=0px;
height:100%;
position:absolute">
<img id=my_car_photo src="{photo address}"
style="width:100%;height:100%"

</div>
<div id=contents style="z-index:1;position:absolute">{place your
navigation
buttons here and change the div style position attributes to
position
them}
</div>

Regards.
My images are not resizing in the popup to the right size,
they
are
being
cut
off the width was 400 by height 283 now the height is more
like
400
by
283
wide, the code in explorer 6 it works perfect how do we set it
up
so
the
box
will pop correctly, no arrows appear to pull the box to fix
this
problem.

I wrote yesterday and no one answered, I need help asap so I
can
fix
this
problem, my popups are pictures of cars which are now cut in
half
unless
you
reduce the view size to 75%. As a person clicks to the next
one
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top