Dynamiccly show/hide text boxes

6 New Member

I have a from with three radio buttons (same group) and three text boxes. The radio buttons give the user a choice of uploading one, two, or three images. Currently, I have the text boxes load as disabled and the radio button selection enables the needed text boxes. It works but...

I don't want to see the text boxes unless they are needed and I want the user to be able to change their mind. (ie choose three images or go back to one image)

this is what I am using right now:

Expand|Select|Wrap|Line Numbers

 <table width="800px"> 

<tr>

<td>

<!--Select how many images and disable unused text boxes--> 

<form action="code.php" method="post">

<input type="radio" name="myRadioButton" value="1" onclick="image1.disabled=false;" /> 1 Picture

<input type="radio" name="myRadioButton" value="2" onclick="image1.disabled=false; image2.disabled=false;"/> 2 Pictures

<input type="radio" name="myRadioButton" value="3" onclick="image1.disabled=false; image2.disabled=false; image3.disabled=false" /> 3 Pictures
 
<!--Information-->
 
  <p>Enter the Auction Title:

  <input type="text" name="title"  cols="50" />
 
  <br />

  <br />

    Enter A Description: 

  <textarea cols="50" rows="10" wrap="soft" name="description"></textarea>

  <br />

  <br />

    Enter the URL for Image 1: <input type="text" name="image1" disabled="disabled" />

  <br />

  <br />

    Enter the URL for Image 2: <input type="text" name="image2" disabled="disabled" />

  <br />

  <br />

    Enter the URL for Image 3: <input type="text" name="image3" disabled="disabled" />
 
  </p> 

  <p>
 
    <input type="submit" name="submit1" value="Generate Auction Code"/>

  </p>
 
</form>

</td>

</tr>

</table>

Apr 25 '09 #1

Subscribe Reply

2550

gits

5,390

Recognized Expert Moderator Expert

you may use the style.display property to do so ... let me give you a simple example for it:

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

<script type="text/javascript">

function toggleVisibility(checkbox, nodeId) {

    var node = document.getElementById(nodeId);

    node.style.display = checkbox.checked ? 'block' : 'none';

}

</script>

<body>

    <input type="checkbox" onclick="toggleVisibility(this, 'foo');"/>

    <input type="text" id="foo" style="display: none;"/>

</body>

</html>

kind regards

Apr 26 '09 #2

Similar topics

4625

show/hide a table row

by: oLE | last post by:

I would like to add some javascript to show/hide a certain row of a table. The first row of the table contain the hyperlink that calls the javascript the second row is the one i want to show/hide...

Javascript

10123

Hide text boxes on a report

by: Mark | last post by:

Hi All, I have a report which is based on a query which is used to produce QC check sheets. I have quite a few text boxes which are used to display questions depending on the value of one...

Microsoft Access / VBA

3597

hide & show divs with different text msgs in the same place on the screen???

by: tlyczko | last post by:

Hello, I've searched on toggling divs and didn't really find what I was looking for, I saved a bunch of different threads. I have a form with several different text boxes for things like dates,...

Javascript

2473

How to make a web user control show on the top?

by: Andrew | last post by:

Hello, friends, We created a drop-down menu bar and a show/hide calendar web user controls mainly using javaScript and html. However, they both have the problem that they are not dispaly as...

ASP.NET

16723

Nested Show Hide Div Form Elements

by: asilverpeach | last post by:

Hey Guys! Found some great scripts here on this topic but have to make to changes to the code that I can't seem to figure out. First, In the following code clicking on the headers shows the...

Javascript

8411

Help about div hide/show

by: ali | last post by:

Hello every one i need you help regarding div hide and show. i am having a link like <a href="#" onClick="expandWin()">show/hide </a> <div id=showHide> </div> within div i have lots of...

Javascript

4150

show hide layer in IE and Mozilla

by: pamate | last post by:

hi, I want to show hide layers. I am able to show and hide layers but i am facing problem that, cant view the cursor in Mozilla,but i can type in input text box, its overlapping the layers. ...

HTML / CSS

3604

Show and hide text boxes

by: spranto | last post by:

Hi to you all once again, I'm dealing with user point of view difficulties. I have a 3x3 "matrix" made with text boxes. Some cases require only 2x2. My problem is: How do I hide, or lock...

Visual Basic 4 / 5 / 6

3782

show pictures in IE correctly but in firefox browser picture is'n shown

by: oranoos3000 | last post by:

hi would you please help me i have a online shopping center that i show pictures of the my product in home page. in the InterExplorer pictures is shown correctly but in Firefox browser is shown...

HTML / CSS

7204

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

7091

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

7342

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

5586

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

5018

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA

4680

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

3171

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

1516

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp

391

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

General