opening web app in a new window after login. how?

**nofel** · Feb 25, 2010 04:14

Hey all. i m working on a web app. i want after login button the web app is opened in a popup (1280, 800). i never used JS before so i have no idea how to do it but i need help with it. wht shld i do?

**Dan Grossman** · Feb 25, 2010 05:01

http://www.javascript-coder.com/wind...dow-open.phtml

**nofel** · Feb 25, 2010 05:07

thanks dan for the link. however i need to know how can i implement it when someone click submit button coz that when i want it. after someone click submit.

**Dan Grossman** · Feb 25, 2010 05:14

Don't you need to process the login form before you can pop up the application, not just pop it up upon clicking the submit button? Or did you want the login details to get sent to the page in the window you open?

**nofel** · Feb 25, 2010 05:17

the later one i want.

**nofel** · Feb 25, 2010 05:34

i want opup to be created after the password/login has been authorized

**nofel** · Mar 1, 2010 04:01

anyone help me!!

**Dan Grossman** · Mar 1, 2010 04:03

Your posts are contradictory. Formulate a very clear problem statement and maybe someone will give it a try.

**nofel** · Mar 1, 2010 04:09

i just want very simple JS. i want that when a person click on a button the whole CMS is open in a new window which has a with of 1280 * 800. thats it

**Dan Grossman** · Mar 1, 2010 04:17

Code:

<input type="button" value="Open Window" onclick="window.open('http://www.example.com','popup','width=1280,height=800')" />

**nofel** · Mar 1, 2010 04:42

i am unable to pop it up. it opens it the same window.

here is the code

Code HTML4Strict:

<body onLoad="checkLogin();">
                            <table width="100" align="center">
                            <tr>
                            <td>
                                <div id="login">
                                        <div id="loginbox">
                                        <form action="login_proc.php" method="post" name="form1"id="form1">
                                          <table width="400" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td width="50">Username</td>
                                              <td width="50"><input name="txtUsername" type="text"id="txtUsername" style="margin:5px;"/></td>
                                            </tr>
                                            <tr>
                                              <td>Password</td>
                                              <td><input name="txtPassword" type="password"id="txtPassword" style="margin:5px;"/></td>
                                            </tr>
                                            <tr>
                                              <td colspan="2" align="left"><table width="400" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                  <td width="140">&nbsp;</td>
                                                  <td><table width="70" border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                      <td height="35" align="center"><input class="loginbutton" value="Login" type="submit"></td>
                                                    </tr>
                                                  </table></td>
                                                </tr>
                                              </table></td>
                                            </tr>
                                          </table>
                                          </form>
                                        </div>
 
 
 
 
                </div>          
</td>
</tr>
</table>
</body>

thats the code without the popup JS/ wht shld i do?

**nofel** · Mar 2, 2010 05:42

hey folks, i have created this function, but there r issues.

In IE the width and height isn't the what i gave it.
In FF i think JS attributes like statusbar=no etc is ignored how do i make it implement of FF too?

Code JavaScript:

<script type="text/javascript">
function Resize()
{
    window.open("home.php","_blank","toolbar=no","location=yes","directories=no","status=no","menubar=no","scrollbars=no","resizeable=no","copyhistory=yes, width=1280, height=800");
}
</script>

**Dan Grossman** · Mar 2, 2010 13:18

window.open only takes 3 parameters

the 3rd parameter is a list

It should look like "toolbar=no,location=yes" not "toolbar=no","location=yes"

**nofel** · Mar 8, 2010 01:49

what about the IE issue. why doesn't it follow the width and height i gave it?

**paul_wilkins** · Mar 8, 2010 01:55

Perhaps it will help if you show us the width and height?

**nofel** · Mar 8, 2010 01:57

Originally Posted by pmw57

perhaps It Will Help If You Show Us The Width And Height?

1280 * 800

**paul_wilkins** · Mar 8, 2010 01:59

Originally Posted by ammark

1280 * 800

I should have been clearer.

It will help if you show us the scripting code that you are using to open the window at a certain size.

**felgall** · Mar 8, 2010 02:00

Originally Posted by Dan Grossman

window.open only takes 3 parameters

It actually takes 4 parameters. The fourth one has to do with the history when reusing existing windows and is only ever true or false. Unless a window with the name in the second parameter already exists the fourth parameter is ignored (the same as the third parameter is ignored if it does exist - and quite often even if it doesn't).

**felgall** · Mar 8, 2010 02:04

Originally Posted by ammark

1280 * 800

those values are optional. The browser doesn't have to follow them if the window already exists or you are opening in a new tab or if the size is too big to fit on the screen or if it is below the minimum size or if the browser owner tells the browser to ignore the size.

It might actually be following the size you specified and you forgot to allow for the size of the menubar, toolbars, statusbar, addressbar etc that the new window iis displaying (some of which are mandatory in modern browsers).

**nofel** · Mar 8, 2010 02:09

Here is the code which i m using. about parameters i haven't started working on that as i looked in w3school JS.

**paul_wilkins** · Mar 8, 2010 02:10

Originally Posted by ammark

Here is the code which i m using.

Reference: the non-working code

Code javascript:

window.open("home.php","_blank","toolbar=no","location=yes","directories=no","status=no","menubar=no","scrollbars=no","resizeable=no","copyhistory=yes, width=1280, height=800");

Thanks.

All of the parameters after "_blank" need to be contained within the same set of quotes. It's also important to ensure that the third set of parameters have no spaces between the commas.

**nofel** · Mar 8, 2010 02:12

Originally Posted by pmw57

All of the parameters after "_blank" need to be contained within the same set of quotes, with no spaces between the commas.

do u think that is the issue?

**paul_wilkins** · Mar 8, 2010 02:16

Originally Posted by ammark

do u think that is the issue?

Yes. The list of window features must be specified as one string.
See: https://developer.mozilla.org/En/DOM/Window.open

**Dan Grossman** · Mar 8, 2010 02:56

Originally Posted by ammark

do u think that is the issue?

Yes, this is what I was telling you 10 posts ago

**nofel** · Mar 8, 2010 03:00

The issue i get was in IE, i don't know to ask this or not as my dev machine lcd is gone for repair. but will it fix in IE?

User Tag List

Thread: opening web app in a new window after login. how?

Thread Tools

Display

opening web app in a new window after login. how?

Bookmarks

Bookmarks

Posting Permissions