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
opImage('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