Jerry Obrecht

Hi I am trying to adapt one of your scripts.

1. Script I need help with:
http://www.howtocreate.co.uk/perfectPopups.html
function openPerfectPopup(oW,oTitle,oContent)

2.  URL where I am trying to use it:
I have not yet uploaded the site to a webspace, but I have provided the
attached zipped files.

3.  What I want to do with it:
I would like to adapt oContent so that I can use xhtml (div & span tags) in
the content area, and not just html/text.

4.  What you are having problems with:
When I try to place the entire contents of the page in the oContent areaof
the link, the " " in <div class=" "> causes the script to document.write the
actual code.

I would like to achieve the same effect that the image popup gives, but with
my email form page.

The email form page is currently opened by another popup script with width
and hieght set manually. I actually have two form pages. One for feedback
and one for proper enquiries both having a different height.
I also realise that form elements are displayed differently in many browsers
causing the page to increase or decrease in height. Making the window fit to
its loaded size would be great.

If adapting oContent is not possible can you please explain another option
for my situation?
Maybe it is possible to implement a javascript include file in some way.
Or just opening the form page in a popup window and then resizing it after
it loads. I have tried the script at the bottom of your popups page that
resizes an already open window page, but I cant get it to work properly with
my form pages.

Thank you very much,
Jerry Obrecht

Hi, I really like your popup script for auto resizing a window to fit an image 
and centering it in the screen. I have however run into an issue.

Your Script:
Perfect Popup / Resizing to fit an image

Issue:
On the webpage below I have 4 thumbnails that open the popup window with a 
larger version of the image. The second thumbnail opens an image that is larger 
than my screen size (1024 x 768). Is it possible to keep the window from opening 
any larger than the screen width/height and diplay a scroll bar to compensate 
for the oversized image. Normally I would just make the image smaller, but in 
this circumstance it would become to small for proper legability.

Possible enhancement:
Limit the popups maximum size to that of the screen even if the image is larger 
than the screen size.

Webpage with issue: [page showing the problem]

.js file: [script file being used]

Thanks for your help,
Jerry Obrecht

Just wanted to tahnk you for the help.

Works great.

  Jerry Obrecht

Hi,

I added an animated loading gif to your perfect popup. I placed it in the
absolutely positioned div as a css background image. 

I saw a loading gif on another similar popup and have been wanting to
figure out how to do the same with yours ever since. I finally realised
that I could, but in a more simple way. Their popup wasn't using a div and
the gif did not disappear after window resize, but was replaced by another
image (Image loaded). It may have been displayed dynamically.

Your popup is in fact perfect as far as I am concerned.

You are more than welcome to use the loading gif enhancement if you like.
Just view the script on this page:
[script address]

You can test it out on this page:
[test page]


Thanks again,
Jerry Obrecht

Hi,

Sorry to bother you again.
I found a way to change the scrollbars and resizable settings from the the
image tag when limiting the perfect image popup height and width to maximum
screen size . This might be of benefit as it allows you to change the
settings for each individual image popup without having to change it in the
script, which changes it for all image popups.

I have uploaded it to the following links.

.js file: [script that passes the scrollbar option as a parameter to the
function that opens the popup]

test page: [test address]

Notice that the first thumbnail opens with no scrollbars and the second with
scrollbars.

I have also added the display:block; to the image tag as you suggested.

Unfortunately it works fine with the files on my computer, but it doesn't
seem to work with the files that have been uploaded to the server. Maybe
they have not refreshed or the old ones are still in cache. I hpe it worksfor you.

Thank you for the great popup again,
Jerry Obrecht

Hi,

I have found some specific browser related issues that could be improved if
possible. However I do not want you to feel as though you need to do it. I
am only requesting this if you have time and want to make the changes.

- Opera place the image popup in upper left corner below the tab bar istead
of centering it on the screen (you are unable to drag the window above the
tab bar).

Can image popup be centered, or is the PositionX = 10; PositionY = 10; in
the script the best that can be acheived for Opera, and not just for all
popups when first opened? Is this what you mean by (the first two should be
small for Opera's sake)?

I took another look at the script and commented out 3 of the 4 lines below.
Now Opera 7.5 centers the image popup. Is their a reason for not
document.writing this code for Opera too.

//imgWin.document.write('if( !window.opera )');
//imgWin.document.write('{');
imgWin.document.write('x.moveTo(Math.round((scW-oW)/2),Math.round((scH-oH)/2));');
//imgWin.docum ent.write('}');

Operas - Tools > Preferences > Windows > Window Handling > Prefer Seperate
Windows - causes the image popup to appear at the very top left of the
screen above tab bar.

Opera - Tools > Preferences > Windows > Window Handling > Prefer Pages
Inside Window - cause it to position in top left corner just below the tab
Bar (in current window).

Can javascript override this Preference setting without having to change it
manually?

- Is there a way to keep Opera 7.5 from displaying the download status bar
at the bottom or at least add extra space to the height if the browser is
Opera. When parent page loads this bar disappears. It seams as though Opera
does not think that the image popup has loaded.

- I noticed that Netscape 7.1, Firefox 1.0 and Opera 7.5 do not use the
maximum height portion of the script properly when limiting the image popup
to the screen height and width -75. It extends off the bottom of the screen.
// var imgwin must be set to scrollbars=yes if an image is going to be larger than the screen.
// Next 3 lines keep popup from being larger than screen when image is larger than screen.
imgWin.document.write('var mH = screen.availHeight -75, mW = screen.availWidth -75;');
imgWin.document.write('if( oH > mH ) { oH = mH; }');
imgWin.document.write('if( oW > mW ) { oW = mW; }');

Thanks for your help. Hope I am not bothering you, just encouraging an even
more perfect popup. LOL


  Jerry Obrecht