Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

pop-up window issue 1

Status
Not open for further replies.
bubu

bubu

Programmer
Mar 3, 2002
463
0
0
RO
Hello guys!

I have a page with 20 small images (acting like buttons)...like a thumbnail gallery.

I made a JS function for opening a pop-up window when one of these small_images are pressed. The function looks like this:

function newWindow( url, title)
{
wnd = window.open(url, title, 'toolbar=no,location=no,status=1,scrollbars=no,resizable=no,width=490,height=380')
if(window.focus)
{
wnd.focus();
}
}


And on the small_images:

<a href="javascript: newWindow('large_image1.jpg', 'windowtitle');">small_image here</a>

So...as you can see from this code I am trying to open a pop-up window with a large_image ... a JPG file who's size is: W 490 and H 380px.

THE PROBLEM is that the pop-up window appears fine, the image is there but a white border (about 10px) appears in the left and top of the image...




Regards,
Dragos.


 
Sort by date Sort by votes
Change your function slightly:

Code: 
function newWindow( url, title) {
    wnd = window.open('', title, 'status=1,width=490,height=380');
    wnd.document.writeln('<html><head><title>' + title);
    wnd.document.writeln('</title></head><body style="margin: 0;">');
    wnd.document.writeln('<img src="' + url + '" border="0">');
    wnd.document.writeln('</body></html>');
    if(window.focus) wnd.focus();
}

*cLFlaVA
----------------------------
[tt]insert funny quotation here.[/tt]
 
Upvote 0 Downvote
Works like a charm!!!

Thanks you very much :)


Regards,
Dragos.


 
Upvote 0 Downvote
As far as you know...This is a crossbrowser accepted solution?

Star added!

Regards,
Dragos.


 
Upvote 0 Downvote
Correct.
The only thing I would add to be sure is this:

Code: 
function newWindow( url, title) {
    wnd = window.open('', title, 'status=1,width=490,height=380');
    with (wnd.document) {
      open();
      writeln('<html><head><title>' + title);
      writeln('</title></head><body style="margin: 0;">');
      writeln('<img src="' + url + '" border="0">');
      writeln('</body></html>');
      close();
    }
    if(window.focus) wnd.focus();
}

*cLFlaVA
----------------------------
[tt]insert funny quotation here.[/tt]
 
Upvote 0 Downvote
Thanks a lot!

Regards,
Dragos.


 
Upvote 0 Downvote
The only problem right now is that the title displaied in the pop-up window is not the title that i send as a variable from the link but the path to the file...

...with the first code everything works just fine.

Regards,
Dragos.


 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jason.lex
  • Locked
  • Question
Caption slide up?
Replies
0
Views
27
jason.lex
jason.lex
PSchubert
  • Locked
  • Question
Data in db table cell not displayed in asp table cell -- a CSS issue?
Replies
2
Views
42
vacunita
vacunita
PCHomepage
  • Locked
  • Question
Dynamic Pop-up Image
Replies
6
Views
72
PCHomepage
PCHomepage
ghbeers
  • Locked
  • Question
Viewing form through portal messing up .css formatting
Replies
4
Views
62
ghbeers
ghbeers
lupidol
  • Locked
  • Question
Elements not populate the entire screen 1
Replies
1
Views
36
ChrisHirst
ChrisHirst

Part and Inventory Search

Sponsor

Back
Top