Solved

open resizable window in given position

Posted on 1998-08-27
2
150 Views
Last Modified: 2010-04-09
I am wondering how I can use the open.window to set the new windows position on the screen and make the window resizable by "clicking and dragging borders".
How do I do this?
0
Comment
Question by:Krafer
2 Comments
 

Expert Comment

by:wsanchez
Comment Utility
Try this.  I'm don't know how to place it at a ceratin position but this will make the window resizable.

<script language="JavaScript">
<!-- hide
browser = (navigator.appVersion.indexOf("ac") == "-1");

function openWin(url) {
var popupWin=null;

popupWin = window.open(url,"popupWin",'toolbar=0,location=0,directories=0,status=0,menubar=0,
   scrollbars=1,resizable=1,width=400,height=500');

        if (navigator.appVersion >= '3') {
        popupWin.focus();
        }
}

// done hiding -->
</script>

<A HREF="test1.htm" onClick='if (browser) {openWin("html.htm"); return false}'>Click this.</A>

0
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 100 total points
Comment Utility
window.open(url,"popupWin",'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width=400,height=500,left=100,top=150,screenX=100,screenY=150')

left and top are MSIE, screenX and screenY are netscape - each will ignore the others and version 3 browsers will ignore all four.

Let's share the points ;-)

Michel
PS: The test for focus should be
if (window.focus) popupWin.focus();
since MSIE 3 does not support the focus.


0

Featured Post

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now