I'm not one for making my own scripts, so not quite sure about the best way to go about doing this. I've got a form with 2 different sets of radio buttons. Upon submitting, I'd like to redirect the user to a certain page, based on the selections they made among the radio buttons.
View 2 Replies
i am looking to create a simple travel website where the user inputs details into a form or selects options from a drop down menu. When they submit their details they are taken to another webpage were simple adverts on the side of the webpage will relate to the options they selected from the drop down menus. For example: I select New York, and some dates. The advert on the next page will say 'Going to New York, stay at this hotel'
It will say the same if another city is selected but with the city name changed and the hotel name changed. On the second page i will ask the user to fill in personal details in a form, and again after they click submit, they are taken to another webpage and the advert will change, maybe including their name and some other details.
Is this possible and how would i go about it? The adverts only need to include some simple text for now. If the text can srcoll or move that would be a bonus. I have looked through many books and searched the web and cant find anything. I just want to use the input and selections made from the user to adapt the next webpage.
I am trying to redirect the user to different URLs using HTML radio buttons and the Javascript getElementById, but it the value seems to only remain with the 1st item.
Here's my code.
I have 4 groups of radio buttons (4 different questions using radio buttons) that I need to be required but only if a check box is selected. Also, is there a way to disable these radio buttons if the check box has not been selected?
View 1 Replies View RelatedThe animation that I envision coding with jQuery has proven too advanced for me at the moment. Might anyone know of an example that would help me achieve the below (simplified to the barest minimum to make sense):
I'm building a page that is split into two halves... the left half has six radio button choices: blue, red, green, yellow, purple, and black. The right half is empty. When a radio button is selected in the left half (for this example, I'll say "blue" is selected), I'd like a blue square to bounce (jQuery UI "easeInBounce") into a specified area on the right half. Then, if "green" is selected... the blue square that was already on the right half would fade out (jQuery "fadeOut") and then I'd like a blue square to bounce (jQuery UI "easeInBounce") into the same specified area on the right half.
Might anyone know of a demo that would allow me to code this? The demo can be similar (using different animations), but I'd like to see how it uses radio buttons to control an animation, and to check to see if there is already a target in existence... which would make the "fadeOut" necessary.
I have a set of radio buttons on my pricing page:
And a corresponding text_field input element div I'd like to display based on which radio button the user selects:
When the page loads, I'd like to see:
When the user clicks on a (different) radio button, or clicks one for the first time, I'd like whichever div is currently showing to be hidden, and the newly selected one to be shown.
Right now I have jQuery code at the bottom of my page that looks like this:
For each of the four options.
When the page loads, the correct div is shown, and when I select a new button, the new div is shown, but the already showing one isn't hidden.
I've read some posts that suggest using change() instead of click(), but others indicate that's problematic in IE.
I am trying to setup a donation form for a friend, where someone can click radio buttons for set donation amounts, or click the "other" radio buttons and enter a different amount. The donation amount is then passed over to a secure credit card entry page, hosted by a 3rd party merchant.I can set up all the pre-defined radio buttons to correctly pass on the donation amount to the credit card page, but I cannot figure out how to work the "other" radio button amount.
View 6 Replies View RelatedI am trying to setup a donation form for a friend, where someone can click radio buttons for set donation amounts, or click the "other" radio buttons and enter a different amount. The donation amount is then passed over to a secure credit card entry page, hosted by a 3rd party merchant.
I can set up all the pre-defined radio buttons to correctly pass on the donation amount to the credit card page, but I cannot figure out how to work the "other" radio button amount.
I have a form with 4 radio buttons, the scenario is, when a user click on a radio button a hidden content will be displayed and the other three radio buttons will be disabled so that at one time a user can only click and view single radio button and the hidden content.Here is my code to show hide the hidden content but i need when the user select one radio button the other radio buttons should disable.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />[code]......
Why is the input type = radio on this page is not getting the value assigned to it after the user clicks on the related selection? Here is the page under development: dreamdates.com - TOTALLY FREE online dating service - You can see this by selecting a choice for "I am a: " Radio button selection. I have set up Javascript code, alert, which will tell you that that selection is "Undefined" even though you have selected male or female.
View 4 Replies View RelatedI am new on forum and javascript. I have got a query for dynamic geo location javascript. I would like to make a page which redirect to another page based on user REGION. Ex:
If user from EMEA then page1.html,
if user from APAC then page2.html,
if user from Other region then page3.html
Issues with Safari in relation to javascript compatibility? I have a page that loads dynamically through user selections as follows:
There is a set of three radio buttons. The user selects one and a div opens revealing a select box populated with entries related to the radio button selection.
When the user makes a selection from the select box, one of two things happen.
1) If there are child records relating to their selection, a second div opens revealing another select box containing the child entries relating to the first select box choice. Or
2) if there are no child entries relating to the selection in the first select box, a div opens displaying a description relating to the selection they made in the first select box.
The data is all coming from prepopulated javascript arrays. This works like a dream in IE and Chrome. Unfortunately, when we were in the final stages of testing before release to a live environment, we discovered it works in Safari only as far as the user makes a selection from the three radio buttons driving the opening of the first div layer containing the first select. At this point it stops working completely. On top of that, I cannot find where in the latest release of Safari, that I can see any javascript errors (or if I even can).
I'm trying to get Jquery's Autocomplete to redirect a user based on their input - according to Jquery, it works like this: An autocomplete plugin can be used to search for a term and redirect to a page associated with a resulting item. The following is one way to achieve the redirect:
[Code]....
how to set a cookie for this jquery script so that on page refresh it remembers the layout the user made? [URL]
View 1 Replies View RelatedI have a form with three radio options. And I have three buttons:
<input type="submit" name="mainform_action" value="Edit Data">
<input type="submit" name="mainform_action" value="View Data">
<input type="submit" name="mainform_action" value="Delete Data">
If the first radio button is selected, I only want all three buttons to be
visible to the user.
If the second radio button is selected, I only want the "Edit Data" and "View
Data" buttons to be visible.
If the third radio button is selected, I only want the "View Data" button to be
visible.
Is it possible to accomplish this in Javascript? In particular, I want to
continue using the "input type=submit" buttons without having to create my own.
I am stuck on the last part of this jQuery auto-calculation script that I am working on. I want to automatically re-calculate the subtotal values based on a "radio button click". The calculation will automatically add a 10% discount when the radio button "special_(n)" "yes" value gets clicked, but revert back to normal price when the "no" value gets clicked.
View the script in action here: [url] (tip): enter a value into the 'qty' field, and the totals will auto calculate.
HTML:
I have spent the last 6 hours working on this, and I am about to lose my sanity. I need your help very desparately. I want to create some radio buttons for building a computer for a class project. Basically, what I have now is the radio buttons in separate groups, and a function that calculates the total price of the items selected. But what I am finding impossible to get is this: I need to set it up such as that if you select a radio button in one group, it disables part of the second. What this means in my work, is that say I choose AM3 as the CPU socket, only AM3 motherboards and processors will be enabled, and the rest in these categories will be disabled.
I am trying to set it up in a way that when you first open the page, cpu, motherboard and ram groups all disabled, then based on your socket choice you get different options for motherboards and processors, and then based on your motherboard choice you get different choices for RAM.
Codes for Dropdown menu based on radio buttons selection needed!
I need urgent help with this:
I need codes for a dropdown menu that is altered by radio buttons.
I want to insert the value selected from the dropdown menu into a table.
I am trying to turn radio buttons to show images based off the label of the radio button input instead of using radio buttons.I have to use only javascript for this and I am at a loss.
View 14 Replies View Relatedhow I can make each radio button call a different page. For example If i click on radio button 1 and click submit it will take me to [url].... and if I click radio button 2 and click submit .
View 7 Replies View RelatedI would like to disable a check box depending on whether 1 of 3 radio buttons is chosen by the user. As I am a js noob, I don't have any beginning code to start with.
View 7 Replies View RelatedIm using a jQuery script to show/hide a div based based on the selection made via a dropdown.
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
The problem im having is that the value used in the dropdown lists are price values eg 10.00
Consequently jQuery seems to interprit these as css notations, meaning the code doesnt work.
I'm trying to create a questionnaire style series of radio buttons which are hidden and then a different set of radio buttons displayed depending on the previous answer. eg
Q1 Is it a man? (if select yes then display)
Q2 Is he called John? (if no then display)
Q3 Is he called Gary? and so on...
I've been testing using the code below but wondered if anyone had any ideas on how this could be done easily?
I'm trying to create a group of radio buttons that enable user to select whether to maintain the current image, remove the image or upload a new image. If user selects maintain the current image or remove the image, the upload field will be disabled, when user select upload a new image, the upload field will be enable. My script is as below but I do not get it work correctly, do you have any advice for me?
HTML Code:
<script type="text/javascript">
function Disab() {
frm=document.forms[0]
if(frm.change_voucher.checked)
{frm.img_voucher.disabled=false}
[Code]....
right now im using a percent bar to redirect the page when all buttons are clicked but i want a more efficient way of doing the redirect there will be a total number of buttons on my page, for examply 5 every time one is clicked, is there a possible way of subtracting 1 and when buttons = 0 the page redirects
View 1 Replies View RelatedI'm trying to get a radio button validation for different sets of radio buttons that simply contains Yes & No buttons.
Here's what I'm trying to do:
Question 1: if Yes, then (Alert 1) if No, then (Alert 2) (if Yes, then Question 2 appears) *Up to here I'm happy- can't figure out the rest*
Question 2: if Yes, then (Alert 1) if No, then (Alert 2) (if Yes, then Question 3 appears)
I need the Alerts to be swapped from this point*
Question 3: if Yes, then (Alert 2) if No, then (Alert 1) (if NO, then Question 4 appears)
Identical for Question 5, and for Last Question 6 Alerts swapped back again.)
Here's the script that I managed to piece together:
