pop-up window from a form?

[JCary]

Hi --

When visitors subscribe to my mailing list, instead of the "Subscription Successful" window appearing, how can I get the submit button to create a small pop-up window that says "Subscription Successful"?

Is this possible?! Right now, my input code is <input type="submit" name="Submit" value="go">

Thanks.

Josh

[creole]

This is the way Gamespy does it on their Daily Victim page:

<FORM NAME="voteandview">
<input type="radio" name="score" value="1">
<input type="radio" name="score" value="2">

<SCRIPT LANGUAGE="Javascript">
<!--
function Vote() {
	url = "your URL here";
	count = 0;
	while (document.voteandview.score[count].checked != true) {
		count++;
	}
	url += "&vote=" + document.voteandview.score[count].value;
	ipwindow = open("","prewindow","scrollbars=no,toolbar=no,height=410,width=500");
	ipwindow.location.href = url;
}

function Results() {
	url = "your URL here";
	ipwindow = open("","prewindow","scrollbars=yes,toolbar=no,height=410,width=500");
	ipwindow.location.href = url;
}

// -->
</SCRIPT>
	<INPUT TYPE="button" NAME="bVote" VALUE="Vote" ONCLICK="Vote()">
<INPUT TYPE="button" NAME="bView" VALUE="Results" ONCLICK="Results()">
</FORM>

[JCary]

Oh.

Is there not a 'simpler' way to achieve that goal?! I was hoping it was perhaps an additional html element added to the input tag?!?

Thanks!

Josh

[platinum]

Nah, you'll have to use something like that... HTML is not really that powerful, it's only a markup language, javascript would be your best bet.

[JCary]

Thanks for the reply.

Basically, I want to achieve the same effect as adding the "target=new" tag to a standard link which would launch a new window. I just want to launch a new window when my 'submit' button is pressed in a form.

Josh

[Wavelan]

couldnt you just use javascript onClick and open a popup?

[JCary]

Yes! If that would work, that's what I'm looking for. Where would I add that in my <form> html tag? And could you please provide my with the OnClick html to add (I'm not certain of it!)?

Thanks.

Josh

[Wavelan]

Ok well on your submit button:

<input type="submit" onclick="openWin('test.htm','Test',100,100)">

Then put this in your header (or above the input):

<script type="text/JavaScript">
<!--
function openWin(href,title,w,h){
window.open(href,title,'toolbar=no,status=no,resize=yes,width=' + w + ',height=' + h);
}

//-->
</script>

That should work if not post again, if its even what you want to accomplish

[Jeremy W.]

Um... <form method="post" action="myaction.asp" target="_blank"> doesn't work?

[Mike]

As far as I know, target="_blank" WILL work. I've used it on one of my older sites.

[Jeremy W.]

It does, I tested it right after writing that post

[lynlimz]

This might not be what you want, but it shows how a form on a main page can interact with a pop-up window, displaying the execution results of that form along with it.

Probably for archiving purposes anyway.

As with all pop-ups, there's a fair bit of javascript. But this is all there is.

<script language="JavaScript">
function updateLog() {
    window.open("about:blank","Window","width=600,height=400,scrollbars=yes");
    document.updateLogForm.submit();
    updateLogForm.version.value = ""
    updateLogForm.details.value = ""
}
</script>

The code for the <form> element

<form action="urltofile.ext" method="post" name="updateLogForm" target="Window">

And finally the submit button

<input type="button" value=" Add " onClick="updateLog()">

Note the names, updateLogForm, Window and updateLog. Those are critical in the cohesion of this application.

[Jeremy W.]

This does pretty much the same thing, the only thing I would change would be move the onclick to the <form> and make it an onSubmit, that way users don't need to click on the button to finish the operation

[redux]

jeremy, i was going to say that too
additionally, i would do something like this (using the previously posted code):

<script language="JavaScript">
function updateLog() {
    window.open("urltofile.ext","Window","width=600,height=400,scrollbars=yes");
    document.updateLogForm.submit();
    updateLogForm.version.value = ""
    updateLogForm.details.value = ""
}
</script>

<form action="urltofile.ext" method="post" name="updateLogForm" target="Window" onSubmit="updatelog();return false">

note that i put urltofile.ext in the updatelog function. also, return false in the onSubmit.
if i'm not mistaken, the effect of this will be:

-if user has javascript ("normal" surfer) the updatelog function kicks in, opens the popup. the return false prevents the form from being processed normally by the browser (i.e. it won't pop up AND then submit again)
-if user has no javascript (turned off in the browser or using non-javascript-capable one like lynx or something), the form is processed as normal and the browser (not javascript) opens a new window named "Window" unless there's already one there

sorry, explanation ended up being longer than anticipated. hope i didn't just state the obvious...