JavaScript - Display/hide Div Based On Radio Button Input

I am a complete JS noob. I have been googling for hours trying to find a way to implement what I think is a simple thing - but alas my deadline is here, and I need to solve this and seek guidance from courteous experts!

In a nutshell I have a simple form that has radio buttons:

Code:

<p><input id="amount" name="amount" type="radio" value="125" />$125</p>
<p><input id="amount" name="amount" type="radio" value="75" />$75</p>
<p><input id="amount" name="amount" type="radio" value="50" />$50</p>
<p><input id="amount" name="amount" type="radio" value="25" />$25</p>
<p><input id="amount" name="amount" type="radio" value="other" /><input id="other_amount" name="other_amount" type="text" maxlength="7" style="width:100px;" /> Other ($10 minimum donation)</p>

The point of the form is to assign the value to "amount" for sending on to a paypal form.

The problem is, I need the value of "amount" to change (be assigned) if they chose "other". To take the value from the text input box "other_amount" and assign it to "amount" but only if they chose the 5th radio button.

I have some JS that I hacked together that checks to see if they chose the 5th radio button. attempts to assign the "other amount" to "amount" and then pops up an alert (only so I know the script is pushing the right value - wont be needed when complete.)

However, Even though the alert pops up with the proper "other_amount" as if it has been assigned properly, the data is not sent on properly I presume, as it is the only aspect of the paypal donation amount form that is not working or providing the next page with the right "amount" pre-determined.

Code:

<script type="text/javascript">
<!--

function get_radio_value()
{
if (document.donation.amount[4].checked)
	{
	document.getElementById('amount').value = document.donation.other_amount.value;
	alert(document.getElementById('amount').value);
	}
	
}
//-->
</script>

Help please!
Many thanks in advance!
Deadline agh!

form is .asp
scenario:

I have 3 radio buttons above number of boxes (dropdown). I want the dropdown selection box greyed out on selecting Electronic (radio button)


Physical (radio button)
Image (radio button)
Electronic (radio button)

Number of Boxes [dropdown box]

Thanks for your help
I am new to coding.

MY PROBLEM:

The problem is with 3 radio buttons - each of which changes the view of the current page by passing parameters to the end of the page url.

Code:

<td>
	<input id="vall" tabindex="0" type="radio" name="sortview" value="all" onClick=" changeView(''); "></input>
</td>

						function  changeView(viewNumber) {
							// First, we break the current URL into variables
							var hurl = window.location.hostname;
							var purl = window.location.pathname;
							var surl = window.location.search;
							// Then we reconstruct them
							var url = hurl+purl;
							// If there are parameters on the end of the URL
							if (surl.indexOf("?") != -1) {
								// And we are requesting a specific view of the "Opt In" field
								if (viewNumber) {
									// Strip the ? from the front of the parameters
									var oldParam = surl.split("?");
									// If any of the parameters are "opt"
									if (surl.indexOf("opt") != -1){
										 // Then reconstruct the parameters with the requested view (how??) 
									}
									url = "http://" + url + "?opt=" + viewNumber + oldParam[1];
								}
								else {
									url = "http://" + url;
								}
								alert("opt found in url: " + surl);
								window.location.href = url;
							}
							else{
								if (viewNumber) {
									url = "http://" + url + "?&amp;opt=" + viewNumber;
								}
								else {
									url = "http://" + url;
								}
								alert("opt not found: " + url);
								window.location.href = url;
							}
							
						}

Is this even the most efficient way of doing this? I feel like there must be a better way.

I'm trying to use an onclick function in a radio button to change the value of a hidden input in another form. What I want to happen is, when the user changes the value of the radio button (0 or 1), the value of the input named 'repeat' is set to 0 or 1 accordingly. The goal being that when I submit the form with input name='repeat' it will send the number indicated by the radio button.

(Due to the structure of my page the radio button and the hidden input need to be two separate forms, but I don't think that should be a problem.)

The code below isn't working -- the alert("changerepeat called") never even appears. It seems like the problem is that the onclick isn't even activating at all. Any ideas?

Code:

<script type="text/javascript">
function changerepeat(theval) {
	alert("changerepeat called");
	document.forms[0].elements[0].value = theval;
}
function tellme() {
	alert("repeat = "+document.forms[0].elements[0].value);
}
</script>
<form>
<input type='hidden' name='repeat' value=''>
<input type='button' value='tellme' onclick='tellme()'>
</form>
<form>
<input type='radio' name='changerepeat' onclick='changerepeat(\'0\')'> 0
<input type='radio' name='changerepeat' onclick='changerepeat(\'1\')'> 1
</form>

Thanks very much for reading!

I have a radio button that asks Does your URL exist or need to be purchased? and a drop down menu that lists different types of web projects (i.e. new website and website redesign).

What I'm trying to achieve is, if the user selects that the URL exists, I would like the drop down menu option new website to be removed from the list.

Form:
Code:

<form>
<input type="radio" name="website_status" value="exists"/> Exists
<input type="radio" name="website_status" value="purchase_required"/> Needs to be purchased

<select name="projects">
<option></option>
<option value="new_website">New Website</option>
<option value="website_redesign">Website Redesign</option>
</select>
</form>

JavaScript:
[CODE]
<script>
window.onload = initForms;

function initForms() {
for (var i=0; i<document.forms.length; i++) {
document.forms[i].onsubmit = function() {return validForm();}
}
}

function validForm() {
var inputarray = document.getElementsByTagName("input");
var selectarray = document.getElementsByTagName("select");
var textarea = document.getElementsByTagName("textarea");

if (inputarray[0].checked == true) {
selectarray[0].remove(options[1]);
return false;
}
</script>

I've been experimenting with this for the last couple hours and am getting nothing! Could someone please point me in the right direction?

Hey
I'm trying to create a function which when my "other address" radio button is checked, the "address2", "suburb2" and "postcode2" fields MUST be filled out by the user. I think I need to be using a for loop to determine which button is checked , but I don't know how to apply this checked button to prompt my client that the remaining fields must be completed (as seen in red)? Here is what I have come up with so far...
Many thanks in advance for advice or pointers

[CODE][ICODE]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Order Form for Joe's Fruit Shop</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="author" content="Cherie_ONeill">

<style type="text/css">
body {font-family:arial;color:#000000;font-size:10px;}
h4 {font-style:italic;}
.input {font-size:10px;color:#483D8B;}
</style>
<script type='text/javascript'>



function formValidator()
{
// Make quick references to our fields
var fullname = document.getElementById("fullname");
var stnumber = document.getElementById("stnumber");
var address = document.getElementById("address");
var suburb = document.getElementById("suburb");
var state = document.getElementById("state");
var postcode = document.getElementById("postcode");
var phone = document.getElementById("phone");
var email = document.getElementById("email");


// Check each input in the order that it appears in the form!
if(isAlphabet(fullname, "Please enter letters only for your name")){

if (isNumeric(stnumber, "Please enter numbers only for your house number")){

if(isAlphanumeric(address, "Please enter your street name")){

if(isAlphabet(suburb, "Please enter letters only for your suburb")){

if(madeSelection(state, "Please Choose a State")){

if(isNumeric(postcode, "Please enter a valid postcode")){

if(lengthRestriction(postcode, 4, 4)){

if(isNumeric(phone, "Please enter a valid phone")){

if(lengthRestriction(phone, 10, 10)){

if(emailValidator(email, "Please enter a valid email address")){

return true;

}
}
}
}
}
}
}
}
}
}
return false;
}

//ensure all fields are filled but this funtion may not be required on this form
function notEmpty(elem, helperMsg)
{

if(elem.value.length == 0)
{
alert(helperMsg);
elem.focus(); // set the focus to this input
return false;
}
return true;
}


//ensures a field is numeric only
function isNumeric(elem, helperMsg)
{
var numericExpression = /^[0-9]+$/;
if(elem.value.match(numericExpression))
{
return true;
}
else
{
alert(helperMsg);
elem.focus();
return false;
}
}

//ensures a field contains letters only
function isAlphabet(elem, helperMsg)
{
var alphaExp = /^[a-zA-Z _]+$/;
if(elem.value.match(alphaExp))
{
return true;
}
else
{
alert(helperMsg);
elem.focus();
return false;
}
}

//ensures a field has both numbers & letters
function isAlphanumeric(elem, helperMsg)
{
var alphaExp = /^[A-Za-z0-9 _]*[A-Za-z0-9][A-Za-z0-9 _]*$/;
if(elem.value.match(alphaExp))
{
return true;
}
else
{
alert(helperMsg);
elem.focus();
return false;
}
}

//restricts the amount of digits required in a numeric field
function lengthRestriction(elem, min, max)
{
var uInput = elem.value;
if(uInput.length >= min && uInput.length <= max)
{
return true;
}
else
{
alert("Please enter between " +min+ " and " +max+ " characters");
elem.focus();
return false;
}
}

//validates a selection has been made from the select lists
function madeSelection(elem, helperMsg)
{
if(elem.value == "Please Choose")
{
alert(helperMsg);
elem.focus();
return false;
}
else
{
return true;
}
}

//validates the email address
function emailValidator(elem, helperMsg)
{
var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
if(elem.value.match(emailExp))
{
return true;
}
else
{
alert(helperMsg);
elem.focus();
return false;
}

}

//resets the form

function formReset()
{
document.getElementById("orderForm").reset();
}



</script>

</head>

<body>

<h2>Order Form</h2>

<h4>* Indicates required fields.</h4>

<h4>Your details:</h4>

<form name="orderForm" id="orderForm" onsubmit="return formValidator()">

<p>* Name:&nbsp;<input id="fullname" name="fullname" class="input"></p>

* Number:&nbsp;<input id="stnumber" size="5" class="input">&nbsp;* Address:&nbsp;<input id="address" name="address" class="input"></p>

<p>* Suburb or Town:&nbsp;<input id="suburb" name="suburb" class="input">

&nbsp;* State:&nbsp;<select class="input"id="state"><option>Please Choose</option><option>ACT</option><option>NSW</option><option>NT</option><option>QLD</option><option>SA</option><option>VIC</option><option>WA</option></select>

&nbsp;* Postcode:&nbsp;<input id="postcode" name="postcode" maxlength="4" size="4" class="input" ></p>

<p>* Home phone:&nbsp;<input name="phone" id="phone" maxlength="10" size="10" class="input"></p>

<p>* Email:&nbsp<input name="email" id="email" value="enter your current email address" class="input"></p>

<br>


<h4>Purchase details</h4>

<p>* Basket choice:&nbsp;<select class="input"><option>Fruit Deluxe</option><option>Vege Deluxe<option>Fruit & Vege Deluxe</option><option>Tropical Treat</option><option>Vege Basics</option></select>

&nbsp;Quantity:&nbsp;<select class="input"><option>1</option><option>2</option><option>3</option><option>4</option><option>5</option></select></p>

<p>* Deliver to:</p>

<input type="radio" id="deliverhome" name="delivery" value="home" checked="checked"><label for="deliverhome">Home address</label><br>

<input type="radio" id="deliverother" name="delivery" value="other"><label for="deliverother">Other address</label> <br>

<br>

<input type="text" name="address2" id="address2" class="input">&nbsp;(Street)

&nbsp; <input type="text" name="suburb2" id="suburb2" class="input">&nbsp;(Suburb/Town)

&nbsp;<select class="input"><option>ACT</option><option>NSW</option><option>NT</option><option>QLD</option><option>SA</option><option>VIC</option><option>WA</option></select>&nbsp;(State)

&nbsp;< input type="text" name="postcode2" id="postcode2" maxlength="4" size="4" class="input">&nbsp;(Postcode)


<br>

<input type="submit" value="Submit">&nbsp;<input type="button" onclick="formReset()" value="Reset">

</form>

</body>

</html>

I am very inexperienced with javasciprt. I am designing a form in coldfusion, and want some dynamic action to take place.

My users will be offered 2 selections via radio buttons. Depending on which radio button they select, they will get a few more radio buttons to choose from. I have been told that this can be handled in javascript.

So I am appealing to the javascript programmer nation for some assistance in this endeavor.

Any help would be greatly appreciated, Thanks.

I want to have several forms on one page that are not displayed until a selection is made from the category drop down box(select element). The form displayed will depend on the selection made. Here is the code I have so far. Please help.

Code:

<body>
<label id="Label1">ADMINISTRATOR CONSOLE - ADD AND EDIT ASSETS<br />
</label>
<form action="" method="post" style="border-style: ridge; width: 311px; height: 37px;" name="myform">
<table>
<tr>
<td>Select Category:</td><td>
<select name="category" onchange="set_sub_category()" style="width: 157px">
<option selected="selected" value="select">Select an Option</option>
<option value="add">Add Category</option>
<option value="district">Council District</option>
<option value="region">Region</option>
<option value="pom">POM</option>
<option value="proptype">Property Type</option>
<option value="assetcat">Asset Category</option>
<option value="assettype">Asset Type</option>
<option value="property">Property</option>
<option value="asset">Asset</option>
</select>
</td>
</tr>
</table>
</form>

<form style="display:none" action= "admin_console_new.html" onsubmit="return (validate_form(this)& validate_list(this))" method="post" style="border-style: ridge; border-width: medium; height: 154px; width: 346px;" name="district">
<table style="height: 86px">
<tr>
<td>Select District Value:</td><td>
<select name="district">
<option selected="selected">Select an Option</option>
<option>Add Council District</option>
</select>
</td>
</tr><tr>
<td>Enter District Name:</td><td>
<input name="name" type="text"/>
</td>
</tr><tr>
<td>Enter Description:</td><td><textarea name="description"></textarea>
</td>
</tr><tr>
<td><input type="submit" value="Submit" name="Submit3" /><input type="reset" value="Reset" />
</td>
</tr>
</table>
</form>

Hi all,

I'm trying to hide a form button in javascipt.
Within a function I have the following ...

Quote:
document.getElementById(button).display='none';
However it just errors and says button is undefined. button is the id and name of the form button btw.

Do I need to define which form it is part of or something else?

Many thanks for any pointers or help.

Sir P

I need a script that will allow a user to select a vertical selection and Horizontal selection that displays a corresponding image. There are only 8 combinations (4 vertical choices and 2 horizontal choices) I just need to display the correct image and a description. There has to be only one of each selected and only display one image.

I have tried several and have had no luck. Any ideas?

Here is how the layout will look

Another task please...I need to display the appropriate div when a radio button is selected...

PHP Code:
<body>
<script type="text/javascript">
function checkjob(jobvalue){

if(jobvalue="type") {

document.getElementById("type").style.display = "block";

}else if(jobvalue="select"){
document.getElementById("select").style.display = "block";

}else if(jobvalue="tag"){
document.getElementById("tag").style.display = "block";

}

}
</script><br />
<table width="200">
  <tr>
    <td><label>
      <input type="radio" name="cat" value="type" id="cat_0" onchange="checkjob(this.value)" />
      type</label></td><td><label>
      <input type="radio" name="cat" value="select" id="cat_1" onchange="checkjob(this.value)"  />
      select</label></td>
      <td><label>
      <input type="radio" name="cat" value="tag" id="cat_2" onchange="checkjob(this.value)"  />
      tag</label></td>
  </tr>
  
</table>
<div id="type" style="display:none"><input name="contact" type="text" /></div>
<div id="tag" style="display:none">tag:<input name="contact" type="text" /></div>
<div id="select" style="display:none"><select name="">
  <option value="a" selected="selected">option 1</option>
  <option value="b">option 2</option>
</select></div>
</body> 

Here are the coding..

Code:

<jsp:useBean id="chequeStopBean" scope="session" class="my.com.infopro.ibank.ui.bean.ChequeStopBean"/>
<jsp:useBean id="labelBean" scope="session" class="my.com.infopro.ibank.ui.bean.LabelBean"/>
<jsp:useBean id="lang" scope="session" class="my.com.infopro.ibank.ui.bean.LanguageBean" />

<%@ page language="java" import = "java.util.*" errorPage="" %>
<%@ page import="my.com.infopro.ibank.dto.ChequeDTO"%>  
<%
    request.getSession(true);
	String contextPath = request.getContextPath();
    chequeStopBean.queryAccList();
    //RequestDispatcher dispatcher = null;
   
%>
<html>

<head>
<title><%=labelBean.getLabel("STOP_CHEQUE")%></title>
<meta HTTP-EQUIV="Pragma" content="no-cache"> 
<meta HTTP-EQUIV="Expires" content="-1"> 
<jsp:include page="/ScriptHeader.jsp"/>
<script language="javascript">

 
function validateAndSubmit() {
	

	var msg1 = "<%=labelBean.getLabel("MSG_REQUIRED_FIELD")%>";
	var msg2 = "<%=labelBean.getLabel("MSG_CANNOT_CONTAIN_CHARACTER")%>";
	var msg3 = "<%=labelBean.getLabel("MSG_IN_THE_FIELD")%>";
	var msg4 = "<%=labelBean.getLabel("MSG_PLEASE_ENTER")%>";
	var msg5 = "<%=labelBean.getLabel("WITH")%>";
	var msg6 = "<%=labelBean.getLabel("TO")%>";
	var msg7 = "<%=labelBean.getLabel("MSG_CHARACTER")%>";
	var msg8 = "<%=labelBean.getLabel("MSG_PLEASE_ENTER_VALID_NUMBER")%>";
	var msg9 = "<%=labelBean.getLabel("MSG_REQUIRED_FIELD")%>";
	var msg10 = "<%=labelBean.getLabel("MSG_WITH_EXACTLY")%>";
	var msg11 = "<%=labelBean.getLabel("MSG_WITH_VALID_DATE")%>";
	var msg12 = "<%=labelBean.getLabel("MSG_EXAMPLE_DATE")%>";
	var msgNum11 = "<%=labelBean.getLabel("MSG_WITH_A_MINIMUM_VALUE_OF")%>";
	var msgNum12 = "<%=labelBean.getLabel("MSG_WITH_A_MAX_VALUE_OF")%>";
	var msgNum13 = "<%=labelBean.getLabel("MSG_PLEASE_ENTER_ROUND_INETEGER")%>";
	var msgNum14 = "<%=labelBean.getLabel("MSG_PLEASE_ENTER_AT_MOST")%>";
	var msgNum15 = "<%=labelBean.getLabel("MSG_DECIMAL_PLACES")%>";
	var msgEnter = "<%=labelBean.getLabel("MSG_PLEASE_ENTER_VALID")%>";
	var errorMsg = "<%=labelBean.getLabel("MSG_LOWECASE_ALPHABET_ALLOWED")%>"


	var radioButtons = document.getElementsByName("radio");
	      for (var x = 0; x < radioButtons.length; x ++) {
	    	
	        if (radioButtons[x].checked) {
		        if(radioButtons[x].value=="1")
		        {
		      	             			    
		        	if (! validateTextEntry(form.chqNum, "<%=labelBean.getLabel("CHQNUM")%>" + " ", true,11,11, msg1, msg2, msg3, 
				 	    	msg4, msg5, msg6, msg7, msg10) )
				        return false;
		        	
		        	if (! validateAlphabet(form.chqNum, "" + " ",1, msg2,"" ))
				        return false;	
				  	
			  
		        }
		        else if(radioButtons[x].value=="2")
		        {

		        	if (! validateTextEntry(form.chqNumFrom, "<%=labelBean.getLabel("CHQNUMFROM")%>" + " ", true,11,11, msg1, msg2, msg3, 
				 	    	msg4, msg5, msg6, msg7, msg10) )
				        return false;

		        	if (! validateTextEntry(form.chqNumTo, "<%=labelBean.getLabel("CHQNUMTO")%>" + " ", true,11,11, msg1, msg2, msg3, 
				 	    	msg4, msg5, msg6, msg7, msg10) )
				        return false;

			     	if (! validateAlphabet(form.chqNumFrom, "" + " ",1, msg2,"" ))
				        return false;	

			     	if (! validateAlphabet(form.chqNumTo, "" + " ",1, msg2,"" ))
				        return false;	      		    	    		    
	    	        
	    	        if(form.chqNumFrom.value == form.chqNumTo.value){
		    	        alert("<%=labelBean.getLabel("MSG_CANNOT_SAME")%>");	
	    	            return false;
	    	        }
	    	              
	             }
	           }
	      }	
	   						
	    return true;
	}



	
function show(id) 
{  
     if (document.getElementById(id).style.display == 'none')  
     { 
    	  
          document.getElementById(id).style.display = 'block';                           
     } 
      
}  
//-->  
  
<!--  
function hide(id)  
{  
          document.getElementById(id).style.display = 'none';   
} 

</script>
</head>

<body onload="show('single')">
<form name="form" method="POST" action="<%=contextPath%>/ChequeStopServlet?tranx=confirm" dir="<%=lang.getDir()%>" >

  <table width="500" align="center">
    <tr> 
      <td align="left" colspan="3">&nbsp;</td>
    </tr>
    <tr> 
      <td align="left" colspan="3" class="mainHeader"><%=labelBean.getLabel("STOP_CHEQUE")%></td>
    </tr>
	<tr>
	<td colspan="3">&nbsp;</td>
	</tr>
	<tr>
	<td colspan="3" class="subHeader"><%=labelBean.getLabel("CHQ_DETAIL") %></td>
	</tr>
	
	<tr> 
      <td colspan="3"><div align="center"> 
          <p class="statusError"> 
            <%if(request.getParameter("error") != null) out.println(labelBean.getLabel(request.getParameter("error"))); else out.println("");%>
          </p>
        </div></td>
    </tr>
	
	</table><br />
	<table width="500" align="center">
    <tr> 
      <td class="lbl"><span class="requiredFieldIndicator">* </span><%=labelBean.getLabel("ACC_NUMBER")%></td>
      <td width="10"  class="lbl">:</td>
      <td width="305" align="left">  
      <select size="1" name="accNum">
       
	 <%
	  		for (Iterator iter = chequeStopBean.getAccList().iterator(); iter.hasNext();) {
	  			 ChequeDTO chqDto = (ChequeDTO)iter.next();	
	  		
	  %>
	 <option value="<%=chqDto.getAccNum()%>"><%=chqDto.getAccNum()%></option>
	  <%  } %>
	  </select>
	  </td>
    </tr>
    <tr>		
		<td align="right">
			<input type="radio" class="radioStyle"  name="radio" value="1"  onfocus="show('single');hide('multiple');hide('multiple1');return true;" checked="checked" >
			<%=labelBean.getLabel("STOP_SINGLE")%>
		</td>
		<td>&nbsp;</td>
		<td>
			<input type="radio" class="radioStyle"  name="radio" value="2"  onfocus="hide('single');show('multiple');show('multiple1');return true;">
			<%=labelBean.getLabel("STOP_MULTIPLE")%>
		</td>
	</tr>
	
    <tr id="single"> 
      <td class="lbl"><span class="requiredFieldIndicator">* </span><%=labelBean.getLabel("CHEQUE_NUMBER")%></td>
      <td  class="lbl"width="10">:</td>
      <td colspan="2" align="left"> 
      <input name="chqNum" type="text" size="15"> 
	  </td></tr>
	  	  
	 <tr id="multiple" style="display: 'none'"> 
      <td class="lbl"><span class="requiredFieldIndicator">* </span><%=labelBean.getLabel("FROM_CHEQUE_NUMBER")%></td>
      <td  class="lbl"width="10">:</td>
      <td colspan="2" align="left"> 
        <input name="chqNumFrom" type="text" size="15"> 
	  </td></tr>
	  
	  <tr id="multiple1" style="display: 'none'"> 
      <td class="lbl"><span class="requiredFieldIndicator">* </span><%=labelBean.getLabel("TO_CHEQUE_NUMBER")%></td>
      <td  class="lbl"width="10">:</td>
      <td colspan="2" align="left"> 	
	   <input name="chqNumTo" type="text" size="15"> 
	   </td></tr>
	  	  
	  
	<tr>	  
	  <td class="lbl"><span class="requiredFieldIndicator">* </span><%=labelBean.getLabel("REASON")%></td>
	  <td  class="lbl" width="10" >:</td>
	  <td colspan="2">
	  <select name="reason">
	  <option value="Lost"><%=labelBean.getLabel("LOST")%></option>
	  <option value="Stolen"><%=labelBean.getLabel("STOLEN")%></option>
	  <option value="Payment Cancellation"><%=labelBean.getLabel("PAYMENT_CANCELLATION")%></option>
	  <option value="Others"><%=labelBean.getLabel("OTHERS")%></option>	  
	  </select>
	  </td>
	  
	</tr>
        
    <br/>
        <tr> 
      <td colspan="3">&nbsp;</td>
    </tr>
    <tr> 
      <td colspan="3" align="center"> 
      <input  class="button" type="submit" value="Next" onClick="return validateAndSubmit();" >      
      </td>
    </tr>
    <tr> 
      <td colspan="3">&nbsp;</td>
    </tr>
	<tr> 
      <td colspan="3"  align="left" class="footer"><%=labelBean.getLabel("NOTE")%>
       </td>
    </tr>
	<tr><td colspan="3" class="footer">
	 <ul>
         <li><%=labelBean.getLabel("THE_ASTERISK")%></li>
     </ul>
	</td>
	</tr>
    
  </table>
  

<jsp:include page="/Footer.jsp" />
 </form>
</body>
</html>

This is error for the first page..




This is picture that which i wan..




Thanks!

Hello everyone. I'm new to programming, although I've learned HTML and CSS pretty thoroughly. I think I have most of the Javascript basics down as far as definitions, but I'm getting hung up on the actual coding.

I'm working on an information request form for my fiancee's business site. In it, I want to have options that users select via radio buttons. Rather than having additional input fields static on the page, I would like to program some of the radios, when clicked, to open a previously unseen option where users will then be able to type in the necessary information. More specifically, since she only works in two states, I want a third option of "other," which, when opened, will allow the user to input any other state. Then, should the radio be deselected or reset, the field would disappear again.

If my understanding is correct, I think I will need to use a javascript function in the header, an HTML "div" section with ID, "onclick" and "offclick" events in the button mark-up, and the specific javascript code to call the function (getElementById?). Or maybe I'm way off.

Please help. Thanks

i'm still a relative noob and this has me stuck -
i have a save button with a "save as copy" in the save dropdown list. add new item directs to a premade/formatted project that is used as a template, so on that item i only want/need the "save as copy" but on all other items that use the form i need to only have the "save" function. is there any way to either change the function of the button depending on item that is being viewed in the edit screen OR hide the "save" button and only show the button associated with "save as copy - and vis versa for the rest of the items?? current button code is -

protected function getToolbar()
{
$options = array();
$user = JFactory::getUser();

$create_ms = $user->authorise('core.create', 'com_pfmilestones');
$create_task = $user->authorise('core.create', 'com_pftasks');


$options[] = array(
'text' => 'JSAVE',
'task' => $this->getName() . '.save');

$options[] = array(
'text' => 'Save as new project',
'task' => $this->getName() . '.save2copy',
'options' => array('access' => ($this->item->id > 0)));


PFToolbar::dropdownButton($options, array('icon' => 'icon-white icon-ok'));

item used as template is id=8

any help or suggestions would be greatly appreciated..

I have a issue - i'm hiding and showing div's when the radio is clicked but currently you have to click twice for the div to show - what am i doing wrong?

onclick="showDetails('seb')"

and my javascript is

Code:

function showDetails(divName)
    {
        var divstyle = new String();
        divstyle = document.getElementById(divName).style.visibility;
        if(divstyle.toLowerCase()=="visible" || divstyle == "")
        {
            document.getElementById(divName).style.visibility = "hidden";
			document.getElementById(divName).style.display = "none";
        }
        else
        {
            document.getElementById(divName).style.visibility = "visible";
			document.getElementById(divName).style.display = "inline";
        }
    }