Show and hide forms..

goaman

Hi There,
I need help in showing and hiding forms, I've got 2 forms on a php page and I want to hide them when the page is loaded, and show them when the link is clicked. When one form is showing the 2nd form must be hidden, and the oher way around.

Should I have to make 2 different php files with forms and load(include) them when the link is clicked? Can anyone pls show me a sample how to do this in php, please?

Links:
Normal Form
Advanced Form

Forms:

<form name="NForm" method="POST" action="">
//Here comes tables and buttons
<br>
<br>
</form>

<form name="AForm" method="POST" action="">
//Here comes tables and buttons
<br>
<br>
</form>

thanks in advance..

jazz_snob

You might try having the links, which I am guessing on the same page as the forms, include a 'command' that you can peek at in $_GET..

<?php

switch( $_GET[ 'cmd' ] )
{
	default:
		//1st time...show the links
		echo "<a href=\"" . $_SERVER['PHP_SELF'] . "?cmd=form1\">show form one</a>";
		echo "<a href=\"" . $_SERVER['PHP_SELF'] . "?cmd=form2\">show form two</a>";
		break;
	case 'form1':
		//show a form
		break;
	case 'form2':
		//show other form
		break;
}
?>

goaman

Hi jazz_snob,
That code works when I try on a pure php file, but it doesn't work on current page that I'm working on...

The page that I'm working on is about to be loaded by another page so the funtion " $_SERVER['PHP_SELF'] . " cannot get the current php filename. I think thatswhy It doesn't work... not sure..

can you pls check this?

[SIZE=3]
<tr><td align="Left" colspan="<!--Columns//-->" style="padding:8px;" class="border" background="border2.jpg">
&nbsp;[ <a href="". $_SERVER['PHP_SELF'] . "?cmd=form1\>Form2</a> | <a href="" . $_SERVER['PHP_SELF'] . "?cmd=form1\>Upload</a> | <a href="">Help</a> ] </td></tr>



<?php
switch( $_GET[ 'cmd' ] )
{
    default:

    //1st time...show the links
    echo "<a href=\"" . $_SERVER['PHP_SELF'] . "?cmd=form1\">show form one</a><br>";

    echo "<a href=\"" . $_SERVER['PHP_SELF'] . "?cmd=form2\">show form two</a>";

case 'form1':
    //show a form

echo '<tr><td align="center" colspan="<!--Columns//-->" style="padding:0px;" height="80" class="border" background="bg4.jpg">

<form name="form1" method="POST" action="">
<b><font color="#A4A2D7">:: Upload ::</font></b>
<br>
<br>
<br>&nbsp;
FileName : </b><input type="file" id="filename" name="filename" size="25" style="padding:0px;" height="15" class="form_input">
<input name="add" type="submit" id="uploadx" value="Send" class="buttons">
<br>
<br>
</form>
</td></tr>';
 break;


case 'form2':
    //show other form
echo 'Here comes the 2nd form...';

    break;

}
?>

[/SIZE]

jazz_snob

You're right,

That code works when I try on a pure php file, but it doesn't work on current page that I'm working on...

which is something that drove me nuts when I started PHPing 🙂

Hardcoding the URL into the <a> tags instead of using $_SERVER['PHP_SELF'] would be simplest solution.

goaman

Originally posted by jazz_snob
You're right,

which is something that drove me nuts when I started PHPing 🙂

Hardcoding the URL into the <a> tags instead of using $_SERVER['PHP_SELF'] would be simplest solution.

For some reason( 😕 ) I'm not able to make this to work, can you please fix this code?

<html>
<head>
</head>
<body>
<tr><td align="Left" colspan="<!--Column//-->" style="padding:8px;" class="border" background="border2.jpg">
&nbsp;[ <a href="x.php">Panel</a> | <a href="x.php" "?cmd=form1\">Form1</a> | <a href="x.php">Help</a> ]</td></tr>

<?php
switch( $_GET[ 'cmd' ] )
{

//case ONE
case 'form1':
  //show a form
echo '<tr><td align="center" colspan="<!--Columns//-->" style="padding:0px;" height="80" class="border" background="bg4.jpg">
<form name="form1" method="POST" action="">
<b><font color="#A4A2D7">:: Form ::</font></b>
<br>
<br>
<b>&nbsp;&nbsp;&nbsp;
FileName : </b><input type="file" id="filename" name="filename" size="25" style="padding:0px;" height="15" class="form_input">
<input name="add" type="submit" id="uploadx" value="Send" class="buttons">
<br>
<br>
</form>
</td></tr>
break;
';

//case TWO
case 'form2':
echo '2nd form comes here...';
break;

}
?>

</body>
</html>

Thanks ..

jazz_snob

For starters,

<a href="x.php" "?cmd=form1\">Form1</a>

should be

<a href="x.php?cmd=form1">Form1</a>

goaman

Thankyou very much jazz_snob, I truely appreciate your help 😃😃😃

It's working just fine... 😃