Option Buttons, php on the fly...

[phence]

Anyone know of a good tutorial or generic code for this senerio...

I have Three option buttons, I need to display a different <form> for each option depending on the users selection.

If the user selects "Option 1" i need the rest of the options to disapear and be replaced with "Form 1". and so on for the other two options.

The page can be refreashed.. so that i don't need to use any javascript.

I appreciate all your Help! Thank-you.

[Rex__]

I'd still use JavaScript.

You can pass the form's number through the url like this...

<? 
if (!isset($_GET["form"])) { 
$form_name="form1"; 
} else { 
$form_name=$_GET["form"]; 
} 
switch ($form_name) { 
case "form1": 
echo "<form name=form1>"; 
echo "Form 1";
echo "<br><input type=radio onclick=\"document.location='http://".getenv("HTTP_HOST").getenv("REQUEST_URI")."?form=form3'\">Show form3"; 
echo "<br>stuff for form 3 goes here..."; 
echo "</form>"; 
break; 
case "form3": 
echo "<form name=form3>"; 
echo "Form 3";
echo "<br><input type=radio onclick=\"document.location='http://".getenv("HTTP_HOST").getenv("REQUEST_URI")."?form=form1'\">Show form 1"; 
echo "<br>stuff for form 1 goes here..."; 
echo "</form>"; 
break; 
} 
?>

[phence]

Thanks for the reply...

But it doens't seem like thats gonna work...

I need Three Radio buttons that will be shown at first.
then based on which button the user selected show the correct form.

Button One - when selected will display - Form One
Button two - when selected will display - Form two
Button three - when selected will display - Form three

THIS is what i am looking to do.. somthing like this...

EXAMPLE

Your Help is appreciated, thanks !

[jek]

What about this:

<?PHP

if ($submit) {
	switch ($RadioGroup1) {
		case "form1":
			//Form 1 was selected
			break;
		case "form2":
			//Form 2 was selected
			break;
		case "form3":
			//Form 3 was selected
			break;
	}
} else {
?>
	<form action="test.php" method="post">
		<input type="radio" name="RadioGroup1" value="form1">
		Form 1
		<br>
		<input type="radio" name="RadioGroup1" value="form2">
		Form 2
		<br>
		<input type="radio" name="RadioGroup1" value="form3">
		Form 3
		<br>
		<input name="submit" type="submit" value="Submit">
	</form>
<?
}

?>

[phence]

Hey Thanks!!

Closer, but is there a way to get rid of the submit button??

I do think i should use a little javascript like rex seggested..

but i don't know javascript that great.

Thanks agian

[jek]

If you want to get rid of the submit button I suppose you have to use javascript...

[Shrike]

It's bad usability to rely on Javascript, you should supply both methods if you are going to use JS to submit a form.

my2c 😉

[Weedpacket]

Originally posted by Shrike
It's bad usability to rely on Javascript, you should supply both methods if you are going to use JS to submit a form.

my2c 😉

But if you want to "submit a form" when a radio button is checked instead of wating for a submit button to be clicked, then you'll have to use Javascript.

[Shrike]

Yep point being that you should also be able to click the submit button.

[phence]

Well i still want the Submit button for each form... i just don't want a submit button for each option button

how can i get this to work like the example?

[Shrike]

Originally posted by jek
What about this:

<?PHP

if ($submit) {
	switch ($RadioGroup1) {
		case "form1":
			//Form 1 was selected
			break;
		case "form2":
			//Form 2 was selected
			break;
		case "form3":
			//Form 3 was selected
			break;
	}
} else {
?>
	<form action="test.php" method="post">
		<input type="radio" name="RadioGroup1" value="form1">
		Form 1
		<br>
		<input type="radio" name="RadioGroup1" value="form2">
		Form 2
		<br>
		<input type="radio" name="RadioGroup1" value="form3">
		Form 3
		<br>
		<input name="submit" type="submit" value="Submit">
	</form>
<?
}

?>

[/B]

[jek]

That's not possible using php. You do need javascript for that, there's just no way around that...

[Rex__]

How about this? It will use the submit button only if JavaScript isn't enabled. I'd guess that at least 95% of your visitors will have Javascript-Enabled browsers.

<?PHP 

if ($submit) { 
    switch ($RadioGroup1) { 
        case "form1": 
            //Form 1 was selected 
            break; 
        case "form2": 
            //Form 2 was selected 
            break; 
        case "form3": 
            //Form 3 was selected 
            break; 
    } 
} else { 
?> 
    <form action="test.php" method="post" name="myform"> 
        <input type="radio" name="RadioGroup1" value="form1" onclick="document.myform.submit();"> 
        Form 1 
        <br> 
        <input type="radio" name="RadioGroup1" value="form2" onclick="document.myform.submit();">
        Form 2 
        <br> 
        <input type="radio" name="RadioGroup1" value="form3" onclick="document.myform.submit();">
        Form 3 
        <br>
        <noscript><input name="submit" type="submit" value="Submit"></noscript>
    </form> 
<? 
} 
?>

[phence]

Hey guys thanks a lot...

hmmm rex, it still not working right..
when i press an options nothing happens, and the dot doesn't even stay in the option...

[phence]

Here is my code... It doesn't seem to display any form when any option is selected..

I want this script to work like this EXAMPLE

<?PHP  

if ($submit) {  
    switch ($RadioGroup1) {  
        case "byoc":  
            //Form 1 was selected 
			// Just show Submit Button

			break;  
        case "join":  
            //Form 2 was selected
            echo "<font>Select Your Team<select name=\"teams\"></select></font><br>
				  <font>Enter Team Password<input name=\"team_pass\" type=\"password\"></font><br>";
            break;  
        case "new":  
            //Form 3 was selected
            echo "<FONT FACE=\"Arial, Helvetica\" SIZE=\"2\">
				New Team's Name<input name=\"team_name\" type=\"text\"><br>
				Team Tag Identifier<input name=\"team_tag\" type=\"text\"><br>
				Team's Website<input name=\"team_name\" type=\"text\" Value=\"http://\"><br>
				Enter Team Password<input name=\"team_pass\" type=\"password\"><br>
				Verify Password<input name=\"verify_pass\" type=\"password\"><br><br>
				Send an email to you friends to join your clan:<br>
				Email 1: <input name=\"email_one\" type=\"text\"><br>
				Email 2: <input name=\"email_two\" type=\"text\"><br>
				Email 3: <input name=\"email_three\" type=\"text\"><br>
				Email 4: <input name=\"email_four\" type=\"text\"><br>
				</font>";				 
            break;  
    }  
} else {  
?>  
    <form action="step4.php" method="post" name="teams"> 
        <font size="2" face="Arial, Helvetica, sans-serif">
        <input type="radio" name="RadioGroup1" value="byoc" onclick="document.teams.submit();"> 
        BYOC Only
        <br> 
        <input type="radio" name="RadioGroup1" value="join" onclick="document.teams.submit();"> 
        Join a Team 
        <br> 
        <input type="radio" name="RadioGroup1" value="new" onclick="document.teams.submit();"> 
        Create a Team 
        </font><br> 
        <noscript><input name="submit" type="submit" value="Submit"></noscript> 
    </form> 
<?  
}  
?> 

thanks guys for all the help so far

[Rex__]

I tested your code in Opera (with and without Javascript enabled) and Internet Explorer. Every test worked fine. :eek:

What browser are you using? Do you Have JS enabled? Even if it's enabled, do Javascripts work on your browser?

Your only option for submitting the form with just radio buttons is using a client script like JS (recommended) or VBScript (not recommended)

I am guessing that you have unusual settings on your browser. Try testing the script using different security levels or by disabling and enabling Javascript.

[phence]

i am using Internet Explorer 6

Its really working?

[Rex__]

yep. working fine on IE 6 and Opera 7.

I am sure it's a problem with your browser.

Javscript is run using runtimes. This module could be corrupt on your computer.

I had a problem with JS on IE not long ago. I disabled it, then it wouldn't let me re-enable it. I think that I ended up reinstalling it.

Can you possibly try the code on another browser?

[phence]

it's enabled... and i just IMed a friend and he said it's not working either???

heres my link Test

I can use other sites with javascript... the example i used in my other posts work...

I don't understand

[jek]

It isn't working for me either phence...

Have you tried echoing the return values to see what happens when the form is submitted?