Solved

open resizable window in given position

Posted on 1998-08-27
2
189 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 

Expert Comment

by:wsanchez
ID: 1837116
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
ID: 1837117
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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
What cart is this? 2 56
Do I need to force my browser to see my new Favicon 4 50
Editing .asp website 5 32
Ordering displaying data in a drop down 3 10
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

739 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