I have done a search on this topic but still haven't found something that I can learn off of.

I was wondering what would be an easy way to pass two text input fields from a form to another popup window. Basically I am trying to "preview" what was entered in the fields before the form is submitted. On of the form inputs is a textarea so the content can be quite large.

I'm just looking for a way to pass what was typed into the form fields and view them on another page. Is there a simple way in doing this? Thanks in advance.

Hi Cybian

Try this link in the "Frequently asked questions" section:
http://www.webxpertz.net/forums/misc.php?s=&action=faq&page=5#qj7

The problem is that I am not seeing the variable being passed over. I have read lots of different ways from previous threads which is why I don't even know where to begin. It almost seems the same thing is being done different ways. But known seem to work. I have a simple function for the popup:

<SCRIPT LANGUAGE="JavaScript">
<!--
function OpenWindow(url) {

link =
window.open(url, "Link","toolbar=0,location=0,width=400,height=300,scrollbars=0,menubar=0,resizable=1,left=180,top=180");
}
// -->
</SCRIPT>

The problem is in the button that I am creating that should be passing the two variables from the form:

<input type="button" value="Preview" onClick="OpenWindow('affiliate_preview.cfm?Title=this.form.Title&Content=this.form.Content');">

Now this is scaled way down because this was the example given.

I've tried different versions of this: onClick="OpenWindow('affiliate_preview.cfm?Title="+document.TheForm.Title"&Content="+document.TheForm.Content"')"

you cant have " inside the onClick="stuff" they need to be '

onClick="OpenWindow('affiliate_preview.cfm?Title='+document.TheForm.Title+'&Content='+document.TheForm.Content);"

that looks better. you were also missing an +

you can test it by placing an alert in your function

function OpenWindow(inString){
alert(inString);
... more stuff
}

Thanks for your help lorddog. Just a quick background of me is that I have a ColdFusion background. I can do this in CF and pass and retrieve stuff through the URL but doing in JavaScript is totally new to me. I don't get an error now on my first page. This is what is being passed through the URL now. http://www.mysite.com/maintenance/affiliate_preview.cfm?Title=[object]&Content=[object]. Is this correct?

Also since I am used to pulling data from the URL using CFML, I'm not sure how to do it using JavaScript. Basically what I am doing is when you preview your post in most forums. Thought it would be a great addition in a content management system. I need the user to see what they are about to post to the web site before they submit it to the database which when then by live on the site.

This seems to be more in line in what I am trying to accomplish. At least the URL sees them as objects.

maybe try adding .value after title and content

Lorddog

That was it! Thank you so much! You don't know how many variations I have written that OnClick code. Works perfect. And I could still use CFML to pull the data from the URL which is easy.

Just a quick question. Is there a set number of characters that can be sent when using a URL to pass information? I read a thread that someone said there is ... but didn't give a set number (i.e 6000 characters).

I'm posting the correct code below for FYI to all interested.

//first page

<SCRIPT LANGUAGE="JavaScript">
<!--
function OpenWindow(url) {
link =
window.open(url, "Link","toolbar=0,location=0,width=400,height=300,scrollbars=0,menubar=0,resizable=1,left=180,top=180");
}
// -->
</SCRIPT>

<FORM ACTION="affiliate_action.cfm" METHOD="post" NAME="TheForm">
<INPUT TYPE="text" NAME="Title" VALUE="<CFOUTPUT QUERY="GetDetails"> #Title#</CFOUTPUT> " SIZE="25">
<TEXTAREA COLS="47" ROWS="20" NAME="Content"><CFOUTPUT QUERY="GetDetails"> #Content#</CFOUTPUT> </TEXTAREA>
<input type="button" value="Preview" onClick="OpenWindow('affiliate_preview.cfm?Title='+document.TheForm.Title.value+'&Content='+document.TheForm.Content.value);">
</FORM>

//second page (affiliate_preview.cfm)

<CFOUTPUT>
#url.Title#
#url.Content#
</CFOUTPUT>

Thanks again for all your help!

yes there is a set amount for posting and querystring.
although I dont know what the limits are for each.

Lorddog