473,287 Members | 1,492 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,287 software developers and data experts.

Display Textbox on the click of options of list/menu

Hi..There is again a similar problem..Now i;ve got the option values of list?menu box to show the textbox. If the option value of list is yes then the textbox is to be displayed . Can anyone help..through php or javascript.

ONe more thing..How can i perform the same function for more than one such kind of problem..I mean if there is any other place in the form where i have to display textbox on selecting a particular value.how can it be done..for all,the form coding is here.

[HTML] <tr>
<td class=ws_body valign=top colspan=2><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif"><label for="ima">Do you have a Internet Merchant Account?</label></font></td>
<td class=ws_body valign=top><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif">
<select name=ima id =ima>
<option selected>Select</option>
<option value=imabank>Yes</option>
<option value=no>No</option>
<option value="not sure">Not Sure</option>
</select>
</font></td>
</tr>
<tr>
<td class=ws_body valign=top width="23%"><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif"><label for="imabank"></label>If yes, with what company <br>
(WorldPay, PaySystems, etc)?</label></font></td>
<td class=ws_body valign=center colspan=2><div align=right><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif">
<div id="optional1"> <input maxlength=500 size=50 name=imabank></div>
</font></div></td>
</tr>[/HTML]

[HTML]<tr>
<td><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif"><br>
Will you provide the images and photos?</font></td>
<td valign=bottom> <div align=right><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif">
<select name=imgprovide>
<option selected>Select</option>
<option value=yes>Yes</option>
<option value=no>No</option>
<option value=some>Some</option>
<option value="not sure">Not Sure</option>
</select>
</font></div></td>
</tr>
</tbody>
</table>

<table width="90%" align=center cellpadding=2>
<tbody>
<tr>
<td><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif">If yes, format of the images and photos?</font></td>
<td><div align=right><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif">
<select name=imgform>
<option selected>Select</option>
<option value="on disk">On disk</option>
<option value=broshure>Brochure</option>
<option value=paper and amp photos>Paper amp Photos</option>

<option value="dont have them yet">Don't have them yet</option>
<option value="not sure">Not sure</option>
</select>
</font></div></td>
</tr>
</tbody>
</table>
<table width="90%" align=center cellpadding=2>
<tbody>
<tr>
<td><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif">Do you require your images to be scanned? font></td>
<td><div align=right><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif">
<select name=imgscan>
<option selected>Select</option>
<option value=yes>Yes</option>
<option value=no>No</option>
<option value="not sure">Not Sure</option>
</select>
</font></div></td>
</tr>
<tr>
<td><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif">If yes, how many?</font></td>
<td><div align=right><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif">
<input maxlength=8 size=4 name=imgno>
</font></div></td>
</tr>[/HTML]
Jan 10 '08 #1
7 3434
nathj
938 Expert 512MB
Hi TechnoAtif,

The select box has an onchange event. This means that you can call the JS function I listed on your other post when the selected item is changed. Send in the correct parameters and away to go. The code would be the same as the radio buttons essentially just replace the onclick with onchange and update the parameters.

I hope this helps
nathj
Jan 10 '08 #2
Hi Nathj..
Thanx for your response.I am just trying your code on select box.It is working but still there are problems.:

i)As I select any of the option ,the textbox gets displayed,I want it to be displayed only on selecting first option i.e. 'yes'

ii)The text from the select box ,i.e. yes,no and nor sure get vanished as i select any of them.But i want the selected item to shown on the top in the select box. I hope you can under stand that.

So If you can,then kindly look at these problems, here is the customised code:

Expand|Select|Wrap|Line Numbers
  1. <script language="javascript">
  2. function toggleDisplayState(poObjectToDisplay)
  3. {                                           
  4.  
  5.     var loObject = document.getElementById(poObjectToDisplay);
  6.  
  7.     //test the current state of the object and toggle opposite state.
  8.     if (loObject.style.display != '' && loObject.style.display != 'none') 
  9.     {
  10.         loObject.style.display = 'none';
  11.     }
  12.     else 
  13.     {
  14.         loObject.style.display = 'inline';
  15.     } 
  16. }
  17.  
  18. </script>
[HTML]<table>
<tr>
<td class=ws_body valign=top colspan=2><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif">Do you have a Internet Merchant Account?</font></td>
<td class=ws_body valign=top><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif">

<select name=ima id=ima onChange="this.value=this.checked; toggleDisplayState('sessionList')" >

<option selected>Select</option>
<option value="yes">Yes</option>
<option value="no">No</option>
<option value="notsure">Not Sure</option>
</select>
</font></td>
</tr>
<tr>
<td class=ws_body valign=top width="18%"><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif">If yes, with what company <br>
(WorldPay, PaySystems, etc)?</font></td>
<td class=ws_body valign=center colspan=2><div align=right><font color="#333333" size="1"
face="Verdana, Arial, Helvetica, sans-serif">
<span id="sessionList" name="sessionList" style="display:none;"><input type=text id=imabank maxlength=500 size=50 name=imabank></span>
</font></div></td>
</tr></table>[/HTML]

Regards
TechnoAtif
Jan 11 '08 #3
nathj
938 Expert 512MB
Hi TechnoAtif,

I will attempt to address each question in trn.

1. You only want the onChange event to fire if the user has selected 'Yes' Then I think perhaps you should adapt the JavaScript a little:
Expand|Select|Wrap|Line Numbers
  1. function toggleDisplayStateBasedOnValue(poObjectToDisplay, pcObjectToTest, pcTestValue)
  2. {                                           
  3.     lcCurrentValue = document.getElementById(pcObjectToTest).value ;
  4.     loObject = document.getElementById(pcObjectToDisplay) ;    
  5.  
  6.     //test the current value of the object and apply the correct state
  7.     if (lcCurrentValue.toLowerCase() == pcTestValue.toLowerCase())
  8.     {
  9.         loObject.style.display = 'inline';
  10.     }
  11.     else
  12.     {
  13.         loObject.style.display = 'none';
  14.     }
  15. }
  16.  
2. The trouble here is that you have an onChange handelr on the select control that sets the value :
[html]
<select name=ima id=ima onChange="this.value=this.checked; toggleDisplayState('sessionList')" >
[/html]

I think the this should look more like:
[html]
<select name=ima id=ima onChange="toggleDisplayStateBasedOnValue('sessionL ist', 'ima', 'Yes')" >
[/html]

This should prevent the value form being overwritten.

I have also added the final parameters required by the new JavaScript function and changed the name for you so that we can leave the original in tact.

I hope this helps you out
nathj
Jan 11 '08 #4
Hi Nathj .its working.
Thanx for that. You saved my time. You are indeed an intelligent and helpful guy.
If I have to display the list/menu box in place of textbox. then i guess the same solution could be useful with some minor customization..Lets say if i use the same list/menu box in the place of textbox again.Then what shouuld be the right way.
What do you say..i guess you wont mind further helping me .

one more thing.

Expand|Select|Wrap|Line Numbers
  1.  if (lcCurrentValue.toLowerCase() == pcTestValue.toLowerCase())
In this line i can guess that the condition is being checked whether the selected item value is yes or not. But what does '
Expand|Select|Wrap|Line Numbers
  1. .toLowerCase() 
' signifies here.

Regards
TechnoAtif
Jan 11 '08 #5
nathj
938 Expert 512MB
Hi Nathj .its working.
Thanx for that. You saved my time. You are indeed an intelligent and helpful guy.
If I have to display the list/menu box in place of textbox. then i guess the same solution could be useful with some minor customization..Lets say if i use the same list/menu box in the place of textbox again.Then what shouuld be the right way.
What do you say..i guess you wont mind further helping me .

Regards
TechnoAtif
Hi TechnoAtif,

Thank you for your kind words.

I am always happy to help those who, like you, have shown some attempt to help themselves first.


What you say about minor customisation is true. this basic function can be adapted as required - that's the beauty of paarameters. Remember though that if you add parameters to a function that is already in use you need to update any existing calls.

If you need any more help simply post back to the forum - I check it out every day so chances are I'll spot your post.

Cheers
nathj
Jan 11 '08 #6
Its ok.when i'l work on that code i will get to you in case i get caught in any mystery. For the time being thanx for being so generous.and can i have your view about the if condition and .tolowercase() method that i asked i my earlier post.

Thanx & Regards
TechnoAtif
Jan 11 '08 #7
nathj
938 Expert 512MB
Its ok.when i'l work on that code i will get to you in case i get caught in any mystery. For the time being thanx for being so generous.and can i have your view about the if condition and .tolowercase() method that i asked i my earlier post.

Thanx & Regards
TechnoAtif
Hi TechnoAtif,

Sorry, I missed that question earlier on. The .toLowerCase simply converts the string to all lowercase. this means the if condition is now case insensitive as both sides of the operator have been converted to all lower case.

Hope this helps clear it up for you.
Cheers
nathj

Ps I'm glad to have helped out, I hope your project is a success
Jan 11 '08 #8

Sign in to post your reply or Sign up for a free account.

Similar topics

2
by: Al Sav | last post by:
Hi, I am trying to create a menu for asp.net page. The menu-detail list display, when mouse hovers over the main menu list, like you see in regular windows apps. When the detail-menu-list window...
2
by: Pete | last post by:
I have some funky form/event behavior. Access 97. Split frontend/backend, using Access security. I have the same behavior (or lack of behavior) for the pag_Click() event of two separate pages...
4
by: jsd219 | last post by:
I am a newbie for sure; problem, I have a page that has dynamically generated sections at the top, when I click on one of the sections I would like the list of categories associated with the...
1
by: Bobc003 | last post by:
Hi, I'd like to put a double drop-down menu on my webpage and instead of a redirection to a new webpage, I'd like to display the result in a new section. I'm kind of stuck and I only have a triple...
5
by: bissatch | last post by:
Hi, I ocasionally use display: none; to hide divs that, on the click of a link they will reappear. For example, maybe I create a menu and when you click a link of menu options the submenu...
0
by: rehanmomin | last post by:
Just to start off, I am writing a web application using C#. I have a Menu which is binded to an XML datasource. There are three menu items each with submenus and a textbox where I want to display...
2
by: wreed06 | last post by:
Hello, I have 2 problems. In my webpage, I have a dropdown list with a button that takes the user to a popup window specific to the option. I am using Firefox 2.0.0.13. I have successfully...
3
by: =?Utf-8?B?UGF1bA==?= | last post by:
Hi I have a webform with several entry boxes and the user enters numbers in each box. I keep a running total (just adds all of the entries together) but am posting back to the server to do this. ...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.