Guest Aniqua Posted December 6, 2006 Share Posted December 6, 2006 I'm trying to open an image in a new window, and I would like the window to adjust to the size of the image. My function looks like this: function openpic(imageID){$bild = "http://www.bricklink.com/SL/"+imageID+".jpg";window.open($bild, '_blank','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, copyhistory=yes, width=500, height=350')} but I want the window to be the same size as the image and not resizable. Any suggestions? Link to comment Share on other sites More sharing options...
jesh Posted December 6, 2006 Share Posted December 6, 2006 You're on the right track for opening a new window. I would only add the following: var props = "toolbar=no,location=no,directories=no,status=no,menubar=no,";props += "scrollbars=no,resizable=no,copyhistory=no,width=50,height=50";var wnd = window.open('', 'myImage', props); This way, you'll have a reference to the window object in the "wnd" variable.You'll need to use the HTML DOM for the rest of it. The next step would be to get at the document object for the new window so that you can write contents to the new window: var doc = wnd.document;doc.open("text/html", "replace");doc.write("<html><body style='margin: 0px;'><img src='" + theImagePath + "' id='theImage' /></body></html>");doc.close(); Then you'll get at the image object in that document to see what size it is: var img = doc.getElementById("theImage");var width = img.width;var height = img.height; And finally, you can use the resizeTo method of the window object to resize your popup window: wnd.resizeTo(width, height); Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now