Solved

open resizable window in given position

Posted on 1998-08-27
2
171 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
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

NAS Cloud Backup Strategies

This article explains backup scenarios when using network storage. We review the so-called “3-2-1 strategy” and summarize the methods you can use to send NAS data to the cloud

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
jquery - show / hide div depending on day and time 19 46
Bootstrap on PLNKR 3 29
Link a VBS to an HTA 6 36
Create an automated page index 8 11
Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
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 transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

773 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