[Resolved] [Resolved] New Browser Window with INPUT Button

[rangalo]

Hi all,

I want to open a new browser window with Input button in an HTML form is it possible ?
if yes , how ?

Rangalo.

[TheDefender]

This is done through Javascript. There are a couple of ways to do it... Either inline the JS in the input typ in an onclick event, or you can go to here and it gives you another way via a popup generator.

[rangalo]

can you show me the Javascript way please ?

thanks

[Roger_Ramjet]

Rangalo, The Defender has given you the link to the javascript, just follow it.

[TheDefender]

Sorry if I confused you... No matter what, you need to use Javascript. The difference being... In the link I provided, you'd have a script block in your header so you could have a reusable widget for multiple buttons...

You could inline it and skip the script block by doing something like this:

<input type="button" value="Sumit" onClick="javascript:void(window.open('yourpage.php', 'WindowName', 'toolbar=no,location=no, directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=400,height=400,top=10,left=10'))">

This would open a window called WindowName and have the file yourpage.php in it. It would be 400x400 and be 10 pixels from the left and top.

Keep in mind, if you do it this way, you would need to define everything for each button, individually.

[rangalo]

thank you for your reply defender. It works well.

Rangalo

[Installer]

I apologize for adding to a resolved, non-php thread. I'll make it brief. 🙂

This html with a short event script will open a new full-size window:

<form action="test.php" target="_blank" method="get">
<input type="text" value="hello" name="test" />
<input type="submit" value="input" />
</form>

[TheDefender]

That's fine installer...

The trick to remember with the target method is that it isn't always full sized. Especially on IE. It will default to whatever size window was last defined... So if a popup came up on a system that was 200x200, then the target method will open up a 200x200 window. (Most of the time)

With the JS method, you control everything...