Making Form Fields Appear or Disappear,Based on the Value of other Fields

Hi Nathj..thanx for the reply..The solution you have provided.is indeed simple.
But you have used the checkbox..can the same be replicated for radibutton or list box. IF yes please cite an example.it would be easier for me.

The other point is that you have made use of session.But i dont want to use session values.so is there any way to perform the task without using the session.

The last one . Isn't there any way to do this task in PHP alone, without .using javascript or as you mentioned.Ajax.. Is it more difficult to do it in PHP alone ?

Regards
TechnoAtif

Jan 9 '08 #3

nathj

938

Expert 512MB

Hi Nathj..thanx for the reply..The solution you have provided.is indeed simple.
But you have used the checkbox..can the same be replicated for radibutton or list box. IF yes please cite an example.it would be easier for me.

The other point is that you have made use of session.But i dont want to use session values.so is there any way to perform the task without using the session.

Regards
TechnoAtif

Hi TechnoAtif, Often simplicity is best, but thats always a judgement call.

If you wish to use this for a radio button then you may have to play around with it a bit. The radio button control ahas an onclick event so you could use it in the same way. However, I'm not sure how this would handle deactivating controls, you may have to add some extra code for that.

As for text based controls you could simply use the onchange event to handle this. However, you may then want to perform more tests on the contents of the text field - simply pass the value of the text field and if it's empty disable the display and if its not empty enable the display.

If you have aplay around with te code smaple from before but alter it to use a radio button then I may be able to help you tweak it when the time comes.

Cheers
nathj

Jan 9 '08 #4

Can you please sort out my other problems too that i posted today.Please have a look on those posts if you can.

Regards
Atif

Jan 9 '08 #5

Hi Nathj..

Its great that i now know how to solve this problem in case of checkboxes and thanx to you for that. but still since in the form radiobutton has been used to display the textboxes.so i have to do it in any case..Believe me these problems have choked up my mind since the last one week or so.Desperate to get the solution,this was my ultimate option to sought help from you noble people.You should have seen my other posts also that i posted today. So please help me out.

Regards
TechnoAtif

Jan 9 '08 #6

nathj

938

Expert 512MB

Hi Nathj..

Its great that i now know how to solve this problem in case of checkboxes and thanx to you for that. but still since in the form radiobutton has been used to display the textboxes.so i have to do it in any case..Believe me these problems have choked up my mind since the last one week or so.Desperate to get the solution,this was my ultimate option to sought help from you noble people.You should have seen my other posts also that i posted today. So please help me out.

Regards
TechnoAtif

Hi TechnoAtif,

Having read through your code more thoroughly I have one question. Am I correct in thinking that the visitor to the site can choose either 'New Site Design' or Re-design'?

If so then you could try the following for each radio button:
[html]
onclick = toggleDisplayState('newsite', 'redesignsite')
[html]
The two ID/names given in this call would need to be the ID/name of the textbox against each radio button. The JS woudl then be slightly different:

Expand|Select|Wrap|Line Numbers

 
function toggleDisplayState(poObjectToDisplay, pcObjectToHide)
 
{                                          

    var loObjectToShow = document.getElementById(poObjectToDisplay);

    var loObjectToHide = document.getElementById(pcObjectToHide);
 
    //test the current state of the object and toggle opposite state.
 
    loObjectToShow.style.display = 'inline';
 
    loObjectToHide.style.display = 'none';
 
 }

Becuase you can't uncheck a radio button it only changes when another button in the same group is checked this even simpler code should do the trick for you.

Remeber that you will need to have the text boxes defined but with a style="display:none". If there is more than one control to be shown when a radio button is clicked simply put them all in a <div> and pass the id of the div to the JavaScript.

Finally this call will need to be made on all the radio buttons and at present only allows you to enable and disable one set of controls. If you need it to enable or disable more in one go then let me know and we can look at using list of controls as parameters.

Cheers
nathj

Jan 10 '08 #7

Hi Nathj

Thanx for your coooperation throughout.Your advice has further improved my knowledge bank.For this problem i have implented your ideas ,they were good.In addition to that I have tried another thing from some book and i got exactly what i wanted.Here is the code that could help others like me.It involves the combination of javascript and a little bit of CSS

[HTML]<style type="text/css"> //use of css
.hidden
{
position: absolute;
left: -1500em;
}
</style>
<script type="text/javascript">
addLoadListener(init);
function init()
{
var optional = document.getElementById("optional");
optional.className = "hidden"; //calling the CSS class
var Re_design = document.getElementById("Re_design");
Re_design.onclick = showOptional;
var New_Web_Site = document.getElementById("New_Web_Site");
New_Web_Site.onclick = hideOptional;
return true;
}function showOptional()
{
var optional = document.getElementById("optional");
optional.className = "";
return true;
}

function hideOptional()
{
var optional = document.getElementById("optional");
optional.className = "hidden";
return true;
}
</script>
<body onLoad="init()">[/HTML][HTML]
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post" >

<fieldset>

<input type=radio name=design id=New_Web_Site />


<label for="New_Web_Site">
New Web site design
</label>
<input type=radio name="design" id=Re_design />


<label for="Re_design">
Re-design a Web site
</label>
<div id="optional">
<label for="des_url">
If re-design, what is the URL? 
</label>
<input type="text" maxlength=80 size=50 id = des_url name=des_url >
</div>
</fieldset>
</form>[/HTML]

Follow this up by your insert query in PHP.and you will have the solution.

Regards
TechnoAtif

Jan 10 '08 #8

nathj

938

Expert 512MB

Hi TechnoAtif,

I'm glad you have got a solution to your probblem and I am also glad that you have gained some more knowledge through the process - I always think that makes the struggle worth while.

I'm happy to have helped.

cheers
nathj

Jan 10 '08 #9

Yes Nathj..
Hats off to the noble peace of work you people are doing to enrich novices like us with proper knowledge.

Do You have answers to 2 of my other posts. If yes then kindlyhelp..otherwise plz suggest some other place from where i could get help on them.

Regards
TechnoAtif

Jan 10 '08 #10

nathj

938

Expert 512MB

Yes Nathj..
Hats off to the noble peace of work you people are doing to enrich novices like us with proper knowledge.

Do You have answers to 2 of my other posts. If yes then kindlyhelp..otherwise plz suggest some other place from where i could get help on them.

Regards
TechnoAtif

Hi TechnoAtif,

If you have series of checkboxes on a page all of which have ID's of their own and you then want to have system to check allof the check boxes I would use a simple link at the bottom of the checkboxes that was inside it's own div or span. This would say something like Check All. I t would have a href="javascript:void(0)" and an onclick that called a JS function.

The Js function would tkae as parameters the ID of the div the link is in so that it can be changed, a list of all the check box ID's and finally true or false.

This function would then split the list of controls into an array and loop through the array, for every element it would set the checked status to the value the third parameter and set the value to be the same.

The final step would be to change the link, so if the 3 parameter is treu change it to Uncheck All and if the third parameter is false change the link to Check All.

You would also need to keep track of the user chekcing and unchecking controls manually. So that you can change the link when all have become checked or unchecked manually. You can do this by using the onclick event of a check box and keeping a count of how many controls have been checked and comapring this to the total number of checkboxes. Then change the link to Uncheck when the numbers match and back to Check when they don't.

I know this isn't a code sample but I don't actually have code for doing this and so it was quicker to type an explanation.
Cheers
nathj

PS I haven't had chance to look at the other issue yet.

Jan 10 '08 #11

making div appear on dropdown selection

OOPS!!!
That was really a thorough explanation. I will try to go through it and build up the solution along its line.
For the next problem..whenever you get the time you can have a look at it.

Thanx & Regards
TechnoAtif

Jan 10 '08 #12

Similar topics

by: middletree | last post by:

For an ASp Intranet app, I have some code that should work, but I am not able to make it happen for some reason, after spending considerable time on this. I am pretty thick when it comes to...

Making Form Elements Appear and Disappear

by: Hal Vaughan | last post by:

I have a case where the user can select several choices from my 1st <SELECT> element. The user's choice on the 1st <SELECT> effects what the possible choices are for the 2nd element. Currently...

Howto validet that 2 > 12 from a form

by: KS | last post by:

I got 2 inputs in a form where I want check if start > end. Seems like it just compare the first number when I got this code in javascript "if(document.all.start > document.all.end)" How do i...

javascript form validation which just doesnt work with my ASP code. Can any one help me out please.

by: x muzuo | last post by:

Hi guys, I have got a prob of javascript form validation which just doesnt work with my ASP code. Can any one help me out please. Here is the code: {////<<head> <title>IIBO Submit Page</title>...

Making the same data in one table, with same name, appear automatically in another table and form for record integrity and adding extra information

by: Sami | last post by:

Please bear with me, and if you answer this question, please do it step by step. I am new at Access, not at all sophisticated. I am using Office XP. This will need to be read in Access for...

Main Form & Continuous Subform (with Requery) Problem

by: Dave Boyd | last post by:

Hi, I have two very similar forms each with a subform. The main form gets a few fields from the user and passes this back to a query that the subform is bound to. The requery is done when the...

Help with controls on a form

by: Tony Williams | last post by:

I have two tables 1.tblmonth which holds two fields txtmonth and txtqtrlabel and 2. tblmain which holds a number of fields but in particular a field called txtqtrlabel2. The two tables are linked...

Using Combobx In Continuous Form

by: Kathy | last post by:

What is the standard technique for handling the fields in the following scenario on a continuous form? Multiple Divisions. Each Division has multiple Buildings. Each Building has a Supervisor. ...