Hi!
I have a form on a CF page that depending on the value of field Layout (a value from 1-4) the user will be taken to a different page. I know it cann be done through javascript and I think this code will do it:
<script type="text/javascript">
<!--
if (layout = 1) {
document.form.action = 'greeting1.cfm';
} elseif (layout = 2) {
document.form.action = 'greeting2.cfm';
} elseif (layout = 3) {
document.form.action = 'greeting3.cfm';
}else {
document.form.action = 'greeting4.cfm';
}
//-->
</script>
The question I have is how does the javascript get called and the <form action="nextpage.cfm" method="post" name="createCard" id="createCard">
interface so that it goes to nextpage1.cfm, or nextpage2.cfm, or nextpage3.cfm or nextpage 4.cfm?
Thanks in advance!
Betty
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
You are totally correct in your assumption and thanks so much for the quick and terrific answer! Your direct value code is certainly shorter and clearer and I suspect faster!
I have tried it and it comes back to the same page I just deleted the form action="greeting.cfm" (nextpage) and added form onSubmit="chooseAction(doc
I really appreciate your assistance!!!
Betty
Hi Betty,
Hard to know exactly what might be wrong. But in general, the "action" attribute is not being changed, so the form action remains "", which simply submits the form back to itself.
Try checking a few things: first, are you sure that the "layout" value is being set, and that all names/references in your javascript match -- including the case? Does your form actually have an attribute 'name="form"'? (This last may or may not be strictly necessary. But in the javascript DOM, you're referring to elements by their name; so just as the field/element containing the layout value must have a 'name="layout"' attribute, the form itself should have a name, and it must match the name in any "document.[formName].[fiel
Second, add a couple of lines to your javascript function: after the "document.[form.Name].acti
alert("Action is " + document.[formName].action
return false;
This will do two things: it will bring up an alert box that shows you the "action" string, the layout value that's passed to the function, and the value of the layout field itself.. . The second line prevents the form from being submitted, which is just a testing convenience.
Once you have this in place, you can better check to see where things might be getting lost.
Tom
Okay... getting closer. Here's what the pop-up box says. "Action is greetingundefined.cfm and the layout value being passed to the function is undefined and the layout field value is undefined.
Without the added line it does process to the next page with a CF message that the page greetingundefined.cfm is not found. I know that the value 1-4 based on the radio button check is getting assigned to the value "layout". Below is that section of code and on just sending it to a blank page and checking the debugging the value does come up correctly. Do I need to initialize the layoutValue somewhere?
Again, I appreciate your assistance. My knowledge of Javascript is limited to punching DW buttons and I've been unable to locate a decent book/tutorial.
Betty
<td colspan="2"><div align="center">
<input <cfoutput>#Iif(rsLayout.la
<img src="ecards/cards/card1.gi
<input name="layout" type="radio" value="2">
<img src="ecards/cards/card2.gi
<input name="layout" type="radio" value="3">
<img src="ecards/cards/card3.gi
<input name="layout" type="radio" value="4">
<img src="ecards/cards/card4.gi
Starting at the bottom: I don't have any great suggestions for Javascript books. But when you're stuck with a particular problem, Google can save the day. There are tons of pages on almost every area of Javascript, although it may take a little weeding through. For instance, in the case of your current problem, Googling "javascript set action" would have returned some useful stuff.
Back to the particular problem, however. You say that the value 1-4 is being assigned to the value "layout." But all of the alert information says that "layout" is undefined. So the value is not being set after all. This could be because no radio buttons are checked. Or because of a typo. Or because some object reference is not correct.
Really, if you have a way of placing your page in some spot where I could access it, it would be easy for me to see what is happening. That's simpler than going back and forth with guesses. If you'd prefer not to place the link on this list, you can mail me off-list at tmcneer@gmail.com.
Also, I'm not sure where all that "Iif" and "DE" stuff comes from. Is that something DW is generating? If all you're looking to do is set the radio buttons to match some incoming value, all you need within each input tag is <cfif rsLayout.layout_id EQ 1> "checked"</cfif> -- then 2, then 3, then 4.
If you can send me a link, I'll try to clear this up for you.
Tom
Business Accounts
Answer for Membership
by: tmcneerPosted on 2006-03-06 at 14:32:20ID: 16119376
Betty,
Basically, you want to take your example code (referring to the "layout" field correctly -- something like "document.form.layout.valu
So you might have:
function chooseAction() {
(Your coditional code goes here)
}
Then in either your form tag or your submit button tag, place 'onSubmit="chooseAction()"
That will fire the script and change the action before the actual page request is made.
You could also use the "layout" value within the onSubmit function, making things simpler:
Thus:
onSubmit="chooseAction(doc
That will pass the layout value directly into your function. Then the function could look like:
function chooseAction(layoutValue) {
document.form.action = "greeting" + layoutValue + ".cfm";
}
If you write the script with conditional logic, as you have it in your post, remember that in javascript, comparison requires a double equals sign.
"if (layout == 1) " not "if (layout=1)"
And "elseif" is not one word in javascript. It's "else if."
By the way, I'm assuming that in your example "greeting1" and "nextpage1" are equivalents. If you were really trying to work with two different sets of page names, I've misunderstood what you're asking.
Tom