Solved

html, javascript

Posted on 2008-10-22
6
157 Views
Last Modified: 2012-05-05
to display data in the form........
if the first textbox has value, then the first radio button is checked and the first drop down box value is selected.....

if the textbox has a value 0 or nothing then the whole div not to be displayed.....
0
Comment
Question by:sakvk
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
6 Comments
 
LVL 7

Expert Comment

by:bluV11t
ID: 22776387
Hi!
Could you please post the code for your form?
0
 
LVL 12

Accepted Solution

by:
Dean OBrien earned 500 total points
ID: 22776745
Hi Sakvk

Not entirely sure from your explanation, but i think this will do the kind of thing you are looking for.
The red DIV will disappear if you enter '1' in the text box, select radio button 'Option1', and select 'Option3' from the drop down list.

Regards
Easynow


<html>
<head>
<script>
var radio = 0;
var dropdown = 0
var textbox = 0;
function update1(x)
{
textbox = x;
check();
}
function update2(x)
{
radio = x;
check();
}
function update3(x)
{
dropdown = x;
check();
}
function check()
{
if(radio==1 && dropdown==1 && textbox==1) testDIV.style.display = "none";
}
</script>
</head>
<body>
<form method="POST" action="--WEBBOT-SELF--">
	<p><input type="text" name="T1" size="20" onblur='update1(this.value)'></p>
	<p><input type="radio" value="1" name="R1" onclick='update2(this.value)'>Option1<br><input type="radio" name="R1" value="0" onclick='update2(this.value)'>Option2</p>
	<p><select size="1" name="D1" onchange='update3(this.value)'>
	<option></option>
	<option value="1">Option3</option>
	<option value="0">Option4</option>
	</select></p>
	<div id="testDIV" style="width:100px;height:100px;background:red;display:block"></div>
</form>
</body>
</html>

Open in new window

0
 
LVL 8

Expert Comment

by:MatthiasVance
ID: 22776996
Could you please explain a bit more about what you're trying to accomplish?

Kind regards,

Matthias Vance
0
 
LVL 12

Expert Comment

by:Dean OBrien
ID: 25980019
A solution was posted, sakvk did not respond.
0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question