Creating a popup with values from a form JavaScript

Question

I am trying to open a new window with values received from textfield with id "name";

<form name="myForm">
<input type="text" id="name">
</form>

<button onclick="openWindow();">Open</button>

And this is the javascript:

function openWindow() {
newWindow = window.open("", null, "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no");  

newWindow.document.write("<h1>"+document.myForm.name.value+"</h1>");
}

It does it ok, but why does it empty the form values?
And how can i center this new window? Maybe height=window.height()/2 ?

Create a popup? Or a window? Two different things. Why not use alert() — GeekByDesign
– GeekByDesign, Commented Nov 11, 2014 at 20:35
@GeekByDesign window sorry, i need this new window to be interactive later on, to change values etc... — Alpha2k
– Alpha2k, Commented Nov 11, 2014 at 20:36
Because you aren't declaring myForm as the actual element. Or at all. — Not a discord mod
– Not a discord mod, Commented Nov 11, 2014 at 20:37
@SpencerMay where should i declare it, outside the openWIndow method, like var someText[] = document.myForm ? — Alpha2k
– Alpha2k, Commented Nov 11, 2014 at 20:43

Billy · Accepted Answer · 2014-11-11 20:58:55Z

1

disable the onclick event, it's submitting the form. Add this to the form tag, then at the bottom of the function return false. onsubmit="return openWindow();">

answered Nov 11, 2014 at 20:58

Billy

2,4381 gold badge13 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Billy Over a year ago

as for centering the window put` var left = (screen.width/2)-(w/2); var top = (screen.height/2)-(h/2);` in your function and put`top='+top+', left='+left) in your window open

semir worku · Accepted Answer · 2014-11-11 20:43:07Z

0

It works fine on my end, tried your code. Dont forget to write something inside the input box, before you click the button. if it doesn't work

Try this instead:

newWindow.document.write("<h1>"+document.getElementById('name').value+"</h1>");

answered Nov 11, 2014 at 20:43

semir worku

1306 bronze badges

1 Comment

Alpha2k Over a year ago

pff neither works, still empties the form when the new window pops up

Collectives™ on Stack Overflow

Creating a popup with values from a form JavaScript

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related