Learn VBA & Macros in 1 Week!

JavaScript - Form Button Not Working In Ie8

Full Excel VBA Course - Beginner to Expert

Form Button Not Working In Ie8	View Content

I have a button that works fine in every browser EXCEPT IE8, and I can't seem to figure out why, I would assume its a Jvascript issue, here's the code, any help would be great thanks guys...

THE button that doesn't work in IE is the one with the value "Proceed to your order" at the bottom, the other two, delete and recalculate work fine.???
Code:

<form action="/cart" method="post" id="form">
			<table width="100%" cellspacing="0" cellpadding="0" style="margin-top:30px">
				<thead class="tableTitle"><tr>
					<td width="20"><!--<input type="checkbox" value="" checked="" onclick="checkAll(this)" />--></td>
					<td>Title</td>
					<td>Quantity</td>	
					<td>Price</td>
				</tr></thead><tbody class="tableBody">
				<?foreach ($goods as $k => $v){$randId = randId();?>
					<tr>
						<td><input type="checkbox" name="deleteCheckbox[]" class="checkboxes" value="<?=$v['id']?>" /></td>
						<td width="400"><strong><?=$v['title']?></strong><br />
						Color: <select onchange="updateExtras('color', <?=$k?>, this.value)" class="checkMe">
						<option value="0">Specify color</option>
						<?if (count($v['colors'])) foreach ($v['colors'] as $colorK => $colorV){?>
							<option value="<?=$colorV['id']?>" <?if ($colorV['id'] == $v['colorId']){?>selected="selected"<?}?>><?=$colorV['item']?></option>
						<?}?>
						</select>
						
						Size:<select onchange="updateExtras('size', <?=$k?>, this.value)" class="checkMe">
						<option value="0">Specify size</option>
						<?if (count($v['sizes'])) foreach ($v['sizes'] as $colorK => $colorV){?>	
							<option value="<?=$colorV['id']?>" <?if ($colorV['id'] == $v['sizeId']){?>selected="selected"<?}?>><?=$colorV['item']?></option>
						<?}?>
						</select>
						
						<?if ($_SESSION['cartDetails'][$v['id']]['size']){?>
							<div style="font-size:0.9em; margin-top:5px"><strong>Size</strong>: <?=$_SESSION['cartDetails'][$v['id']]['size']?></div>
						<?}?>
						<?if ($_SESSION['cartDetails'][$v['id']]['color']){?>
							<strong>Color</strong>: <?=$_SESSION['cartDetails'][$v['id']]['color']?><?}?>
						</td>
						<td width="100"><input type="text" value="<?=$v['q']?>" size="5" name="ammounts[]" /></td>
						<td>$<span id="<?=$randId?>"><?=$v['totalPrice']?></span> CAD<br /><span style="color:#ccc">($<?=$v['price']?> per each)</span></td>
					</tr>
				<?}?>
					<tr class="totalPrice">
						<td></td>
						<td width="400" style="font-size:1em; font-style:italic">Total price</td>
						<td width="100"></td>
						<td style="font-size:1em; font-style:italic">$<span id="totalPriceHere"><?=$totalPrice?></span> CAD</td>
					</tr>
			</tbody>
			<tfoot class="tableFoot"><tr><td colspan="4"></td></tr></tfoot>
			</table>
			<div style="margin-top:10px;">
				<input type="submit" value="Delete selected" id="deleteButton" class="button left" />
				<a href="/cart/proceed" onclick="
				var stop = false;
				$('.checkMe').each(function(){
					if ($(this).attr('value') == 0) {stop = true}
					return
				})
				if (stop) {
					$('#alert').html('Choose colors and sizes for each item to proceed!');
					return false
				}
				return true
				"><input type="button" value="Proceed to your order"  class="button right" /></a>
				<a href="#" onclick="$('#form').attr('action', '/cart/recalc'); $('#form').submit()"><input type="button" value="Recalculate" style="margin-right:10px"  class="button right" /></a>

Full Excel VBA Course - Beginner to Expert

Button Is Not Working

Similar Tutorials

View Content

I've never had this problem in the past and I am now stumped. I've written a fairly long script to calculate numbers for a web based Diabetes calculator but for some reason the "Calculate" button does nothing when using Chrome, Opera or Safari for iOS. It does work when using IE, Firefox and Safari for PC. I've looked everywhere and found nothing but some references to an 'onclick' problem in Chrome. My problem is that the same method has always worked in the past and is still working in those scripts now so that can't be the issue. What is different about THIS button that is breaking it?

Button WORKS here (IE, Chrome, Firefox, Safari-PC & iOS & Opera): http://jdrinc.webatu.com/FICC.html

But DOES NOT work here (Chrome, Safari-iOS & Opera): http://jdrinc.webatu.com/D-Calc.html

The second link DOES work in IE, Firefox & Safari-PC.

I don't see a difference in the method that I'm using in either of these. Does anyone know what I am doing wrong?

Here is the html with the script that is NOT working:
Code:

<html>
	<head>
		<title>
			D-Calc
		</title>
		<style type="text/css">
			table
				{
					border:2px solid black;
					border-collapse:collapse;
				}
			th
				{
					border:2px solid black;
					border-collapse:collapse;
					font-family: Arial, Helvetica, sans-serif;
					text-align: left;
					font-weight: bold;
				}
			td
				{
					border:2px solid black;
					border-collapse:collapse;
					font-family: Arial, Helvetica, sans-serif;
					text-align: left;
					font-weight: bold;
				}
			.inputlabel
				{
					background-color: #6CC417;
				}
			.outputlabel
				{
					background-color: #6698FF;
				}
			.inputbox
				{
					border:0px inset blue;
					background-color: #FFFFFF;
					border-color: #FFFFFF;
					text-align: center;
					font-weight: bold;
					width: 100px;
				}
			.outputbox
				{
					border:0px inset blue;
					background-color: #FFFFFF;
					border-color: #FFFFFF;
					text-align: center;
					font-weight: bold;
					width: 100px;
				}
		</style>
		<script type="text/javascript">
			function Calculate()
			{
				//input variables
				var B01, B02, B03, B04, B05, B06, B07, B08, B09, B10, B11
				//output variables
				var B12, B13, B14, B15, B16, B17, B18, B19, B20, B21, B22, B23, B24, B25, B26
				//correction sensitivity variable
				var CSV
				//new blood glucose
				var NBG
				//bloodsugar-carbohydrate ratio
				var BCR
				B01=eval(document.DCalcForm.B01.value);
				B02=eval(document.DCalcForm.B02.value);
				BCR=(B02/B01);
				B03=eval(document.DCalcForm.B03.value);
				B04=eval(document.DCalcForm.B04.value);
				B05=eval(document.DCalcForm.B05.value);
				B06=eval(document.DCalcForm.B06.value);
				B07=eval(document.DCalcForm.B07.value);
				B08=eval(document.DCalcForm.B08.value);
				B09=eval(document.DCalcForm.B09.value);
				B10=eval(document.DCalcForm.B10.value);
				B11=eval(document.DCalcForm.B11.value);
				B12=(B10*(B03/100));
				B13=(B11*(B04/100));
				B14=(B09+B12+B13);
				B15=(B09);
				B16=(B12+B13);
				if (B07<(B05+(B06+1)) && B07>(B05-(B06+1)))
				{
					CSV=(0);
				}
				else if (B07>(B05+B06))
				{
					CSV=(B06);
				}
				else if (B07<(B05-B06))
				{
					CSV=(-1*B06);
				}
				if (CSV==0)
				{
					B17=0;
				}
				else
				{
					B17=((B07-(B05+CSV))/B02);
				}
				B18=((B12*(B03/100))/B01);
				B19=((B13*(B04/100))/B01);
				B20=(B09/B01);
				if (CSV=0)
				{
					B21=((B18+B19+B20)-B08);
				}
				else
				{
					B21=((B17+B18+B19+B20)-B08);
				}
				B22=((B17+B20)-B08);
				B23=(B18+B19);
				if (B21==0)
				{
					B24=0;
				}
				else
				{
					B24=((B22/B21)*100);
				}
				if (B21==0)
				{
					B25=0;
				}
				else
				{
					B25=((B23/B21)*100);
				}
				NBG=(B07+((B09+B12+B13)*BCR));
				if (B07<(B05+(B06+1)) && B07>(B05-(B06+1)))
				{
					CSV=(0);
				}
				else if (B07>(B05+B06))
				{
					CSV=(B06);
				}
				else if (B07<(B05-B06))
				{
					CSV=(-1*B06);
				}
				if (CSV==0)
				{
					B26=0;
				}
				else
				{
					B26=(((B05+CSV)-NBG)/BCR);
				}
				document.DCalcForm.B12.value=(Math.round(B12*100))/100 + ' g';
				document.DCalcForm.B13.value=(Math.round(B13*100))/100 + ' g';
				document.DCalcForm.B14.value=(Math.round(B14*100))/100 + ' g';
				document.DCalcForm.B15.value=(Math.round(B15*100))/100 + ' g';
				document.DCalcForm.B16.value=(Math.round(B16*100))/100 + ' g';
				if (B17<0)
				{
					document.DCalcForm.B17.value='0 unit(s)';
				}
				else
				{
					document.DCalcForm.B17.value=(Math.round(B17*100))/100 + ' unit(s)';
				}
				if (B18<0)
				{
					document.DCalcForm.B18.value='0 unit(s)';
				}
				else
				{
					document.DCalcForm.B18.value=(Math.round(B18*100))/100 + ' unit(s)';
				}
				if (B19<0)
				{
					document.DCalcForm.B19.value='0 unit(s)';
				}
				else
				{
					document.DCalcForm.B19.value=(Math.round(B19*100))/100 + ' unit(s)';
				}
				if (B20<0)
				{
					document.DCalcForm.B20.value='0 unit(s)';
				}
				else
				{
					document.DCalcForm.B20.value=(Math.round(B20*100))/100 + ' unit(s)';
				}
				if (B21<0)
				{
					document.DCalcForm.B21.value='0 unit(s)';
				}
				else
				{
					document.DCalcForm.B21.value=(Math.round(B21*100))/100 + ' unit(s)';
				}
				if (B22<0)
				{
					document.DCalcForm.B22.value='0 unit(s)';
				}
				else
				{
					document.DCalcForm.B22.value=(Math.round(B22*100))/100 + ' unit(s)';
				}
				if (B23<0)
				{
					document.DCalcForm.B23.value='0 unit(s)';
				}
				else
				{
					document.DCalcForm.B23.value=(Math.round(B23*100))/100 + ' unit(s)';
				}
				if (B24>100)
				{
					document.DCalcForm.B24.value='100 %';
				}
				else if (B24<0)
				{
					document.DCalcForm.B24.value='0 %';
				}
				else
				{
					document.DCalcForm.B24.value=(Math.round(B24*100))/100 + ' %';
				}
				if (B25>100)
				{
					document.DCalcForm.B25.value='100 %';
				}
				else if (B25<0)
				{
					document.DCalcForm.B25.value='0 %';
				}
				else
				{
					document.DCalcForm.B25.value=(Math.round(B25*100))/100 + ' %';
				}
				if (B26<0)
				{
					document.DCalcForm.B26.value='0.00 g';
				}
				else
				{
					document.DCalcForm.B26.value=(Math.round(B26*100))/100 + ' g';
				}
				//				document.write('B01 = '+B01+'<br>');
				//				document.write('B02 = '+B02+'<br>');
				//				document.write('B03 = '+B03+'<br>');
				//				document.write('B04 = '+B04+'<br>');
				//				document.write('B05 = '+B05+'<br>');
				//				document.write('B06 = '+B06+'<br>');
				//				document.write('B07 = '+B07+'<br>');
				//				document.write('B08 = '+B08+'<br>');
				//				document.write('B09 = '+B09+'<br>');
				//				document.write('B10 = '+B10+'<br>');
				//				document.write('B11 = '+B11+'<br>');
				//				document.write('B12 = '+B12+'<br>');
				//				document.write('B13 = '+B13+'<br>');
				//				document.write('B14 = '+B14+'<br>');
				//				document.write('B15 = '+B15+'<br>');
				//				document.write('B16 = '+B16+'<br>');
				//				document.write('B17 = '+B17+'<br>');
				//				document.write('B18 = '+B18+'<br>');
				//				document.write('B19 = '+B19+'<br>');
				//				document.write('B20 = '+B20+'<br>');
				//				document.write('B21 = '+B21+'<br>');
				//				document.write('B22 = '+B22+'<br>');
				//				document.write('B23 = '+B23+'<br>');
				//				document.write('B24 = '+B24+'<br>');
				//				document.write('B25 = '+B25+'<br>');
				//				document.write('B26 = '+B26+'<br>');
				//				document.write('BCR = '+BCR+'<br>');
				//				document.write('CSV = '+CSV+'<br>');
				//				document.write('NBG = '+NBG+'<br>');
			}
		</script>
	</head>
	<body>
		<center>
		<form name=DCalcForm>
			<table name="table" id="table" class="table">
				<tr name="01" id="01" class="">
					<td name="A01" id="A01" class="inputlabel">
						&nbsp;INSULIN/CARBOHYDRATE RATIO&nbsp;
					</td>
					<td name="B01" id="B01" class="">
						<input name="B01" id="B01" class="inputbox" value="10" type="number">
					</td>
					<td name="C01" id="C01" class="">
					</td>
				</tr>
				<tr name="02" id="02" class="">
					<td name="A02" id="A02" class="inputlabel">
						&nbsp;INSULIN/BG RATIO&nbsp;
					</td>
					<td name="B02" id="B02" class="">
						<input name="B02" id="B02" class="inputbox" value="35" type="number">
					</td>
					<td name="C02" id="C02" class="">
					</td>
				</tr>
				<tr name="03" id="03" class="">
					<td name="A03" id="A03" class="inputlabel">
						&nbsp;PROTEIN RATIO&nbsp;
					</td>
					<td name="B03" id="B03" class="">
						<input name="B03" id="B03" class="inputbox" value="40" type="number">
					</td>
					<td name="C03" id="C03" class="">
					</td>
				</tr>
				<tr name="04" id="04" class="">
					<td name="A04" id="A04" class="inputlabel">
						&nbsp;FAT RATIO&nbsp;
					</td>
					<td name="B04" id="B04" class="">
						<input name="B04" id="B04" class="inputbox" value="10" type="number">
					</td>
					<td name="C04" id="C04" class="">
					</td>
				</tr>
				<tr name="05" id="05" class="">
					<td name="A05" id="A05" class="inputlabel">
						&nbsp;TARGET BLOOD GLUCOSE&nbsp;
					</td>
					<td name="B05" id="B05" class="">
						<input name="B05" id="B05" class="inputbox" value="100" type="number">
					</td>
					<td name="C05" id="C05" class="">
					</td>
				</tr>
				<tr name="06" id="06" class="">
					<td name="A06" id="A06" class="inputlabel">
						&nbsp;CORRECTION RANGE/SENSITIVETY&nbsp;
					</td>
					<td name="B06" id="B06" class="">
						<input name="B06" id="B06" class="inputbox" value="20" type="number">
					</td>
					<td name="C06" id="C06" class="">
					</td>
				</tr>
				<tr name="07" id="07" class="">
					<td name="A07" id="A07" class="inputlabel">
						&nbsp;CURRENT BLOOD GLUCOSE&nbsp;
					</td>
					<td name="B07" id="B07" class="">
						<input name="B07" id="B07" class="inputbox" value="100" type="number">
					</td>
					<td name="C07" id="C07" class="">
					</td>
				</tr>
				<tr name="08" id="08" class="">
					<td name="A08" id="A08" class="inputlabel">
						&nbsp;INSULIN ON BOARD&nbsp;
					</td>
					<td name="B08" id="B08" class="">
						<input name="B08" id="B08" class="inputbox" value="0" type="number">
					</td>
					<td name="C08" id="C08" class="">
					</td>
				</tr>
				<tr name="09" id="09" class="">
					<td name="A09" id="A09" class="inputlabel">
						&nbsp;CARBOHYDRATES&nbsp;
					</td>
					<td name="B09" id="B09" class="">
						<input name="B09" id="B09" class="inputbox" value="0" type="number">
					</td>
					<td name="C09" id="C09" class="">
					</td>
				</tr>
				<tr name="10" id="10" class="">
					<td name="A10" id="A10" class="inputlabel">
						&nbsp;PROTEIN&nbsp;
					</td>
					<td name="B10" id="B10" class="">
						<input name="B10" id="B10" class="inputbox" value="0" type="number">
					</td>
					<td name="C10" id="C10" class="">
					</td>
				</tr>
				<tr name="11" id="11" class="">
					<td name="A11" id="A11" class="inputlabel">
						&nbsp;FAT&nbsp;
					</td>
					<td name="B11" id="B11" class="">
						<input name="B11" id="B11" class="inputbox" value="0" type="number">
					</td>
					<td name="C11" id="C11" class="">
					</td>
				</tr>
				<tr name="12" id="12" class="">
					<td name="A12" id="A12" class="outputlabel">
						&nbsp;CARBS FROM PROTEIN&nbsp;
					</td>
					<td name="B12" id="B12" class="">
						<input name="B12" id="B12" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C12" id="C12" class="">
					</td>
				</tr>
				<tr name="13" id="13" class="">
					<td name="A13" id="A13" class="outputlabel">
						&nbsp;CARBS FROM FAT&nbsp;
					</td>
					<td name="B13" id="B13" class="">
						<input name="B13" id="B13" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C13" id="C13" class="">
					</td>
				</tr>
				<tr name="14" id="14" class="">
					<td name="A14" id="A14" class="outputlabel">
						&nbsp;TOTAL CARBOHYDRATES&nbsp;
					</td>
					<td name="B14" id="B14" class="">
						<input name="B14" id="B14" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C14" id="C14" class="">
					</td>
				</tr>
				<tr name="15" id="15" class="">
					<td name="A15" id="A15" class="outputlabel">
						&nbsp;CARBS TO BOLUS NOW&nbsp;
					</td>
					<td name="B15" id="B15" class="">
						<input name="B15" id="B15" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C15" id="C15" class="">
					</td>
				</tr>
				<tr name="16" id="16" class="">
					<td name="A16" id="A16" class="outputlabel">
						&nbsp;CARBS FOR EXTENDED BOLUS&nbsp;
					</td>
					<td name="B16" id="B16" class="">
						<input name="B16" id="B16" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C16" id="C16" class="">
					</td>
				</tr>
				<tr name="17" id="17" class="">
					<td name="A17" id="A17" class="outputlabel">
						&nbsp;CORRECTION BOLUS&nbsp;
					</td>
					<td name="B17" id="B17" class="">
						<input name="B17" id="B17" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C17" id="C17" class="">
					</td>
				</tr>
				<tr name="18" id="18" class="">
					<td name="A18" id="A18" class="outputlabel">
						&nbsp;PROTEIN BOLUS&nbsp;
					</td>
					<td name="B18" id="B18" class="">
						<input name="B18" id="B18" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C18" id="C18" class="">
					</td>
				</tr>
				<tr name="19" id="19" class="">
					<td name="A19" id="A19" class="outputlabel">
						&nbsp;FAT BOLUS&nbsp;
					</td>
					<td name="B19" id="B19" class="">
						<input name="B19" id="B19" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C19" id="C19" class="">
					</td>
				</tr>
				<tr name="20" id="20" class="">
					<td name="A20" id="A20" class="outputlabel">
						&nbsp;CARB BOLUS&nbsp;
					</td>
					<td name="B20" id="B20" class="">
						<input name="B20" id="B20" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C20" id="C20" class="">
					</td>
				</tr>
				<tr name="21" id="21" class="">
					<td name="A21" id="A21" class="outputlabel">
						&nbsp;TOTAL BOLUS&nbsp;
					</td>
					<td name="B21" id="B21" class="">
						<input name="B21" id="B21" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C21" id="C21" class="">
					</td>
				</tr>
				<tr name="22" id="22" class="">
					<td name="A22" id="A22" class="outputlabel">
						&nbsp;UNITS TO DELIVER NOW&nbsp;
					</td>
					<td name="B22" id="B22" class="">
						<input name="B22" id="B22" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C22" id="C22" class="">
					</td>
				</tr>
				<tr name="23" id="23" class="">
					<td name="A23" id="A23" class="outputlabel">
						&nbsp;UNITS TO EXTEND&nbsp;
					</td>
					<td name="B23" id="B23" class="">
						<input name="B23" id="B23" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C23" id="C23" class="">
					</td>
				</tr>
				<tr name="24" id="24" class="">
					<td name="A24" id="A24" class="outputlabel">
						&nbsp;PERCENT TO DELIVER NOW&nbsp;
					</td>
					<td name="B24" id="B24" class="">
						<input name="B24" id="B24" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C24" id="C24" class="">
					</td>
				</tr>
				<tr name="25" id="25" class="">
					<td name="A25" id="A25" class="outputlabel">
						&nbsp;PERCENT TO EXTEND&nbsp;
					</td>
					<td name="B25" id="B25" class="">
						<input name="B25" id="B25" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C25" id="C25" class="">
					</td>
				</tr>
				<tr name="26" id="26" class="">
					<td name="A26" id="A26" class="outputlabel">
						&nbsp;MORE CARBS NEEDED&nbsp;
					</td>
					<td name="B26" id="B26" class="">
						<input name="B26" id="B26" class="outputbox" value="" type="number" readonly>
					</td>
					<td name="C26" id="C26" class="">
					</td>
				</tr>
			</table>
			<br>
			<input type="button" value="Calculate" name="CalculateButton" onclick="Calculate()">
		</form>
	</body>
</html>

P.S. I am by no means a professional and am aware that there might be better ways of doing this. I am still learning.

Why The Button Does Not Working?

Similar Tutorials

View Content

hye every1,
can someone checkout my code because it is not working.at first the form is working until i add reset button then i suddenly not working anymore.thank you for your help.
Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Radio Group Calculation</title>

<script type="text/javascript">
var brand=0;


   function calc()
{
    var form = document.forms.Calculator;
    var bdpr = Number( getSelectedValue(form.elements.a) );
    var bdft = Number( getSelectedValue(form.elements.b) );
    var bdbs = Number( getSelectedValue(form.elements.c) );
    var prft = Number( getSelectedValue(form.elements.d) );
    var prbs = Number( getSelectedValue(form.elements.e) );
    var ftbs = Number( getSelectedValue(form.elements.f) );

	if ( isNaN(bdpr)||isNaN(bdft)||isNaN(bdbs)||isNaN(prft)||isNaN(prbs)||isNaN(ftbs) ){

  alert("Please answer the question."); }

else{

	brand=1+bdpr+bdft+bdbs;
	price=1+1/bdpr+prft+prbs;
	feature=1+1/bdft+1/prft+ftbs;
	basic=1+1/bdbs+1/prbs+1/ftbs;

if(brand>price && brand>feature && brand>basic)
window.open('syg.html');
elseif(price>feature&&price>basic)
window.open('syg.html');
else(feature>basic)
window.open('syg.html');

}

 
}
   	
    
function getSelectedValue(flds) {
    var i = 0;
    var len = flds.length;
    
    while (i < len) {
    if (flds[i].checked) {
     return flds[i].value;
    }
    i++;
    }
    
    return "";
}

document.forms.Calculator.reset();
</script>
</head>
    

<body>


<br/><b>Please rank the functionality based on your preferences</b><br/><br />
 
<form name="Calculator" action="">
  
<label>Is brand important that price of a phone?</label><br />
    <input name="a" type="radio"  id="a_1" value="1">Not important<br />
    <input name="a" type="radio"  id="a_2" value="2">A little of important<br />
    <input name="a" type="radio"  id="a_3" value="3">Moderate important<br />
    <input name="a" type="radio"  id="a_4" value="4">Important<br />
    <input name="a" type="radio"  id="a_5" value="5">Very important<br />
<label >Is brand important than features of a phone?</label><br />
    <input name="b" type="radio"  id="b_1" value="1">Not important<br /> 
    <input name="b" type="radio"  id="b_2" value="2">A little of important<br />
    <input name="b" type="radio"  id="b_3" value="3">Moderate important<br />
    <input name="b" type="radio"  id="b_4" value="4">Important<br /> 
    <input name="b" type="radio"  id="b_5" value="5">Very important<br/>
<label >Is brand important than basic functions of a phone?</label><br />
    <input name="c" type="radio"  id="c_1" value="1">Not important<br /> 
    <input name="c" type="radio"  id="c_2" value="2">A little of important<br /> 
    <input name="c" type="radio"  id="c_3" value="3">Moderate important<br /> 
    <input name="c" type="radio"  id="c_4" value="4">Important<br /> 
    <input name="c" type="radio"  id="c_5" value="5">Very important<br />
<label >Is price important than features of a phone?</label><br />
    <input name="d" type="radio"  id="d_1" value="1">Not important<br /> 
    <input name="d" type="radio"  id="d_2" value="2">A little of important<br /> 
    <input name="d" type="radio"  id="d_3" value="3">Moderate important<br /> 
    <input name="d" type="radio"  id="d_4" value="4">Important<br /> 
    <input name="d" type="radio"  id="d_5" value="5">Very important<br />
<label >Is price important than basic function of a phone?</label><br />
    <input name="e" type="radio"  id="e_1" value="1">Not important<br /> 
    <input name="e" type="radio"  id="e_2" value="2">A little of important<br />
    <input name="e" type="radio"  id="e_3" value="3">Moderate important<br />
    <input name="e" type="radio"  id="e_4" value="4">Important<br />
    <input name="e" type="radio"  id="e_5" value="5">Very important<br />

<label >Is features important than basic func. of a phone?</label><br /></td>
    <input name="f" type="radio"  id="f_1" value="1"> Not important<br />
    <input name="f" type="radio"  id="f_2" value="2">A little of important<br />
    <input name="f" type="radio"  id="f_3" value="3">Moderate important<br />
    <input name="f" type="radio"  id="f_4" value="4">Important<br />
    <input name="f" type="radio"  id="f_5" value="5">Very important<br />	

</form>

  <input type="button" onclick="calc()" value="Next" />
<input type="reset" value="Clear"> 

</body>
</html>

On/off Button Not Working (forgive Me)

Similar Tutorials

View Content

I know it's a cardinal sun, but I have background music on a sub site for my company. I need to be able to turn it on and off. It doesnt seem to work. Can anyone take a second to look at my code and see what might be the issue?

Code:

<script type="text/javascript">

function stop() {
document.getElementById("music").src = "";
}
</script>

Code:

<a href="javascript:stop()"  >
<img name="_stp_gfx" src="images/_stp_gfx.jpg" width="121" height="55" border="0" id="_stp_gfx" alt="" />
</a>

Code:

<embed name="music" src="_media/12_8_media.mp3" id="music" autostart="false" loop="false" hidden="true">

Thanks for any help.

Creating A Form Button To Add More Fields To A Form

Similar Tutorials

View Content

I am no javascript expert, very much a beginner. I am trying to incorporate some into a web-based form. The problem is the button I created to add extra fields does not work, and I can't find exactly where the problem is. I'm in need of some help from a javascript guru. Help me enjoy my Friday afternoon by solving this!

The javascript is mostly borrowed and slightly altered, the "additem" I wrote myself so that is probably where the problem lies!

Here is the html:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
<title></title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="style.css"/>

<script type="text/javascript">



function showAsset(id,str)
{
if (str=="")
  {
  document.getElementById("assetinfo"+id).innerHTML="";
  return;
  } 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("assetinfo"+id).innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getasset.php?q="+str,true);
xmlhttp.send();
}

var noFields = "5";

function additem()
	{
		var fieldrow = document.createElement('tr');
		var fieldcolumn1 = document.createElement('td');
		var fieldinput = document.createElement('input');
		fieldinput.name = "asset";
		fieldinput.onChange = "showAsset("+noFields+",this.value)";
		var fieldcolumn2 = document.createElement('td');
		fieldcolumn2.id = "assetinfo"+noFields;
		fieldcolumn1.appendChild(fieldinput);
		
		var fieldcolumns = fieldcolumn1 + fieldcolumn2;
		fieldrow.appendChild(fieldcolumns);
		
		var addbefore = document.getElementById('fieldend');
		document.body.insertBefore(fieldrow, addbefore);
		noFields = noFields++;
	}
</script>

</head>
<body>

<form>
	<table>
		<tr>
			<td><input name="asset" onChange="showAsset(1,this.value)"></td>
			<td id="assetinfo1"></td>
		</tr>
		<tr>
			<td><input name="asset" onChange="showAsset(2,this.value)"></td>
			<td id="assetinfo2"></td>
		</tr>
		<tr>
			<td><input name="asset" onChange="showAsset(3,this.value)"></td>
			<td id="assetinfo3"></td>
		</tr>
		<tr>
			<td><input name="asset" onChange="showAsset(4,this.value)"></td>
			<td id="assetinfo4"></td>
		</tr>
		<tr>
			<td><input name="asset" onChange="showAsset(5,this.value)"></td>
			<td id="assetinfo5"></td>
		</tr>
		<tr id="fieldend">
			<td><input id="addfield" type="button" value="add item" onClick="addfield()"></td>
		</tr>
</table>

</form>

</body>
</html>

Here is the associated getasset.php:

Code:

<?php
$q=$_GET["q"];

$con = mysql_connect('localhost', 'root', 'root');
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("assettracking", $con);

$sql="SELECT * FROM assets WHERE assetID = '".$q."'";

$result = mysql_query($sql);


while($row = mysql_fetch_array($result))
	{
	echo "<b>".$row['make'] ." ".$row['model'] ." - ".$row['serialnumber']."</b> | Status: ".$row['statusID']." | Comments: ".$row['comments'];
	}
	
mysql_close($con);
?>

Radio Button If Statements Not Working

Similar Tutorials

View Content

So, I have this calculator function I made to do some simple math and output the solution in a field on a form. I had it working great until I introduced a radio button. There are no errors and the total is still outputted but the number is off and if I change the radio to the other option it doesn't change the total. Here is my code, I am sure I am doing something wrong, just can't figure it out. Thanks to all in advance!

Code:

function calculateBudget()
{
var i;
var list = 0;
var listcost = document.getElementsByName('form[listcost]');
var totalBudget = document.getElementById('TotalBudget').value;
var postage = document.getElementById('Postage').value;
var printing = document.getElementById('Printing').value;
var uses = document.getElementById('Uses').value;

var totalRecords = document.getElementById('TotalRecords');

for (var i = 0; i < listcost.length; i++) {
	if (listcost[i].checked) {
		if (listcost[i] == "Single") {
			list = 0.10;
		}
		else {
			list = 0.13;
		}
	}
}

totalBudget = parseFloat(totalBudget);
list = parseFloat(list);
postage = parseFloat(postage);
printing = parseFloat(printing);
uses = parseFloat(uses);

var result1 = postage + printing;
var result2 = result1 * uses + list;
var result3 = list / result2;
var result4 = totalBudget * result3;

totalRecords.value = 0;
totalRecords.value = parseInt(totalRecords.value);
totalRecords.value = Math.round(parseInt(totalRecords.value) + result4 / list) * 1/1;

}

Close Button On Popup Not Working In Ie?

Similar Tutorials

View Content

I'm implementing that stupid Cookie Law thing here in the UK, but I can't get the popup to close on click in IE. Every other browser is working fine. Any one know the fix?

Code:

<style type="text/css">
<!--
#eucookielaw { display:none }

#note {
    position: fixed;
    z-index: 101;
    bottom: 0;
    left: 0;
    right: 0;
    background: #98FB98;
    text-align: center;
    vertical-align: middle;
    color: #2C2C2C;
    line-height: 2.5;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}

#note a {
    color: #2C2C2C;
}


#note img {
    vertical-align: middle;
}

#close {
    cursor: pointer;
}

@-webkit-keyframes slideDown {
    0%, 100% { -webkit-transform: translateY(-50px); }
    10%, 90% { -webkit-transform: translateY(0px); }
}
@-moz-keyframes slideDown {
    0%, 100% { -moz-transform: translateY(-50px); }
    10%, 90% { -moz-transform: translateY(0px); }
}

.cssanimations.csstransforms #note {
    -webkit-transform: translateY(-50px);
    -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
    -moz-transform:    translateY(-50px);
    -moz-animation:    slideDown 2.5s 1.0s 1 ease forwards;
}

.cssanimations.csstransforms #close {
  display: none;
}
-->
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
function SetCookie(c_name,value,expiredays)
{
var exdate=new Date()
exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+";path=/"+((expiredays==null) ? "" : ";expires="+exdate.toUTCString())
}
</script>

<div id="eucookielaw" >
<div id="note">
    <img src="/images/cookie_sm.png" alt="Cookie" border="0"> This Site Uses Cookies. &nbsp; :: &nbsp; <a rel="nofollow" href="/terms.php">Learn More</a> &nbsp; :: &nbsp; <a id="close"><u>Close this Message</u> <img src="/images/close_sm.png" alt="Close" border="0"></a>
</div>
<script>
 close = document.getElementById("close");
 close.addEventListener('click', function() {
   note = document.getElementById("note");
   note.style.display = 'none';
 }, false);
</script>
</div>
<script type="text/javascript">
$("#eucookielaw").show();
SetCookie('eucookie','eucookie',365*10)
</script>

Example he

No Claims Discount Insurance | Car, Home, Bike and Health No Claims Bonuses

Function/button Not Working Correctly?

Similar Tutorials

View Content

I read that you don't allow homework assignments to be posted, but this is only one small section of the assignment (1 page of 5), and I have a migraine, and I am utterly hopeless and lost (ha)...

I was wondering if there was any errors you could point out to me that would explain why the button isn't doing ANYTHING (i.e. not calculating the sum, average, or grade) when i click it. I'm new to js so I'm sure it could be pretty much any n00b error in the function code.

But like I said any help would be greatly appreciated...

Code:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
      "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

<head>
  
<link href="5A.css" rel="stylesheet" type="text/css" media="screen"/>



<script type="text/javascript">

function DisplayGrades()
{ var aNum= 1* document.getElementById("txtaNum").value;
  var bNum= 1* document.getElementById("txtbNum").value;
  var Avg = (aNum+bNum)/2; document.getElementById("txtAvg").value=Avg;
  var Sum= aNum+bNum; document.getElementById("txtSum").value=Sum;
  var alphaGr= document.getElementbyID("txtalphaGr").value=alphaGr;

if (Avg <=  60)

         alphaGr="F";

 if (Avg>60 && Avg <= 70)

        alphaGr="D";

 if (Avg>70 && Avg <= 80)
	alphaGr="C";

 if (Avg>80 && Avg <=90)
	alphaGr="B";

 if (Avg>90 && Avg <=100)
	alphaGr="A";}

</script>
</head>
<body>
<div id="wrapper">

  <div id="interact">
Enter your grade for Test 1: <input type="text" id=txtaNum" class="controls" size="10" /> <br />

Enter your grade for Test 2: <input type="text" id=txtbNum" class="controls" size="10" /> <br />

<input type="button" id="btnDisplayGrades" value="Display Grades" onclick="DisplayGrades();" />

<hr/>

Sum of Your Grades: <input type="text" id="txtSum" class="controls" size="10" readonly="readonly" /> <br/>

Average Grade: <input type="text" id="textAvg" class="controls" size="10" readonly="readonly" /> <br />

Alpha Grade: <input type="text" id="txtalphaGr" class="controls" size="10" readonly="readonly" />

  </div>
</div>
</body>
</html>

Button Not Working In Ie But Works In Chrome And Firefox

Similar Tutorials

View Content

Title explains it really. The button I am using working perfecting in FireFox and Chrome but not in Internet explorer. (Yes I know someone that actually uses IE that pointed this out to me) The rest of the code works fine but just not the reset button I have. Something I have been needing to do is make the code call my images differently by putting them in an array so I don't mess this the sources of my images like I sloppily am here, but I am not sure if that will actually fix the problem I am have.

The checkbox should both uncheck the box(if checked) AND change the picture but it only unchecks the box.
Here is the relevant code let me know if you want me to post the whole thing.

Code:

function reset(){
		cb1.checked=false;
		document.goodAfternoon.src=goodAfternoonFinal.src; 
	}

Code:

"Check" me out;) <input type="checkbox" id="cb1" onClick="validate()" />
 <img src="Good Afternoon.gif" name="goodAfternoon">
 <input type="button" id="cb2" value="RESET" onClick="reset()"/>

Make Onclick Event On Javascript Button To Working

Similar Tutorials

View Content

Code:

 
	 Quote:

	

	
		

			
				<html>
<head>
<script language="javascript">
var myWindow;
function christDoes(){
    mydWindow=open("secondary.html", "yes");
    }

    </script>
</head>
<body><form name="myform" method=POST ACTION="sake.html" ><CENTER>
<B>ENTER YOUR SUBJECT</B><INPUT TYPE="TEXT" NAME="subject">
<input type="button" name="ok" value="OK" onClick="christDoes()">
</form>
</body>
</html>

Code:

 
	 Quote:

	

	
		

			
				<html>
<head>
<script language="javascript">
function me(){
displayColor();
}
function displayColor() {
function newWindow(strWin,strURL,intX,intY,intWidth,intHeight){
winChild =window.open(strURL,strWin,'left=' + intX + ', screenX =' + intX + ', top=' + intY + ', screenY=' + intY + ', width=' + intWidth + ', height=' + intHeight + ', scrollbars=yes, toolbar=yes');

}

function closeChild(){
    if(winChild){
         winChild.close();
    }
}


var m=0;
var fSubject = self.opener.document.forms[0].subject.value;
	if(fSubject.length>0){
	if(isNaN(fSubject)){fSubject="";}
	else{opener.alert("Please enter figure");}
	numSub=parseInt(fSubject);
	if(numSub==5){var strSub="abcde";}
	self.document.write("<center>" +"ENTER SUBJECT HERE" +"</center><br>");
	var mercy="<HTML><BODY>"
	mercy +="<CENTER>"
	sub=new Array(strSub.length);
	for(var i=0; i<sub.length; i++){
	m++;
	mercy +=m +"<input type='text' name='sub[i].toLowerCase()'>" +"<BR>";
	opener.alert("You have entered" +m +"subjects");
	}
	}
	mercy +="</CENTER></FORM></BODY></HTML><BR></BR>";
	self.document.write(mercy +"<BR>");
	self.document.bgColor="pink";
	newWindow();

document.write("<center><input type=\"button\"  name=\"  submit\"  value=\"SUBMIT\" onClick=newWindow('winChild','child.htm',100,100,200,200)><center>");
}

</script>
</head>
<body onload='me()' onFocus="closeChild();" onUnLoad="closeChild()">

<form></form>
</body>
</html>

Code:

 
	 Quote:

	

	
		

			
				<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
<!--
var winGrandChild;
function newWindow(strWin,strURL,intX,intY,intWidth,intHeight){
winGrandChild =window.open(strURL,strWin,'left=' + intX + ', screenX =' + intX + ', top=' + intY + ', screenY=' + intY + ', width=' + intWidth + ', height=' + intHeight + ', scrollbars=yes, toolbar=yes');
}
function closeGrandChild(){
    if(winGrandChild){
         winGrandChild.close();
    }
}
//-->
</SCRIPT>

</HEAD>


<BODY onFocus="closeGrandChild();" onUnload="closeGrandChild();">
<form>
<INPUT type="button" value="Open Window" name=button1 onClick=newWindow('winGrandChild','grandchild.htm',200,200,200,200)>
<form>
</BODY>
</HTML>

can somebody please tell me what need done. Everything is working fine except for the button created in javascript that is in the second window which is to open the third window. Thanks.

Javascript Validation Not Working With Form Of Multipart/form-data

Similar Tutorials

View Content

Hi guys,

Been stuck for a few days with this scenario.
Any help?
The alert box appears on an error.
But the submitting won't stop.
The details are submitted and the form is processed.
Any help is greatly appreciated...

Code:

    <html>
    <head>
    <script type="text/javascript" src="email_helper/jscripts/tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript">
        tinyMCE.init({
            // General options
            mode : "textareas",
            theme : "simple"
        });
    </script>
    <script language="javascript">
     
    function MM_openBrWindow(theURL,winName,features) {
        window.open(theURL,winName,features);
    }
    function err_check(){
        var email = document.getElementById('to_email').value;
        if(email.length==0){
            alert('Please Enter Email Address');
            return false;
        }
        var AtPos = email.indexOf("@")
        var StopPos = email.lastIndexOf(".")
        if (AtPos == -1 || StopPos == -1) {
            alert("Please Enter Valid Email Address");
            document.getElementById('email').focus();
            return false;
        }
        email = document.getElementById('cc_email').value;
        if(email.length != 0){
            var AtPos = email.indexOf("@")
            var StopPos = email.lastIndexOf(".")
            if (AtPos == -1 || StopPos == -1) {
                alert("Please Enter Valid Email Address");
                document.getElementById('email').focus();
                return false;
            }
        }
        var answer = confirm ("Send E-Mail?");
        if (!answer){
            return false;
        }
    }
    </script>
    <!-- /TinyMCE -->
     
     
    <style type="text/css">
    body, table, td, th{
        background-color:#CCCCCC;
        font-family: Arial;
        font-size:14px;
    }
    .que{
        font-weight:bold;
    }
    </style>
    </head>
    <body>
    <form method="post" enctype="multipart/form-data">
    <?php
    include 'library/database.php';
    include 'library/opendb.php';
    $query = mysql_query("SELECT email,contact,mobile FROM users WHERE user_id='$uid'") or die(mysql_error());
    $row = mysql_fetch_row($query);
    $from_email = $row[0];
    $from_person = $row[1];
    $from_mobile = $row[2];
    $query = mysql_query("SELECT customer_id FROM campaign_summary WHERE camp_id='$camp_id'") or die(mysql_error());
    $row = mysql_fetch_row($query);
    $cusid = $row[0];
    $query = mysql_query("SELECT email FROM client_info WHERE comp_id='$cusid'") or die(mysql_error());
    $row = mysql_fetch_row($query);
    $toer = $row[0];
    include 'library/closedb.php';
    ?>
    <table width="100%" border="0">
    <tr><td rowspan="4"><input type="submit" name="send_email" id="send_email" style="height:50px; width:100px;" value="SEND" onClick="return err_check();" /></td><td><span class="que">From : </span></td><td colspan="3"><?php echo $from_email; ?><input type="hidden" name="from_mail" id="from_mail" /><input type="hidden" name="camp_id" id="camp_id" value="<?php echo $camp_id;?>"/></td></tr>
    <tr><td><span class="que">To : </span></td><td colspan="3"><input name="to_email" id="to_email" style="width:250px;" value="<?php echo $toer;?>"/></td></tr>
    <tr><td><span class="que">CC : </span></td><td colspan="3"><input name="cc_email" id="cc_email" style="width:250px;"/></td></tr>
    <tr><td><span class="que">Subject : </span></td><td colspan="3"><input style="width:300px;" name="subject" id="subject" /></td></tr>
    <tr><td rowspan="1" colspan="2">&nbsp;</td><td><input type="checkbox" name="ori_pdf" id="ori_pdf" checked /> PDF Quotation</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td colspan="2"><span class="que">Credit Application</span></td><td><input type="checkbox" name="corporate" id="corporate"/>Corporate</td><td><input type="checkbox" name="individual" id="individual" />Individual</td><td><input type="checkbox" name="cash" id="cash" />Cash Account</td>
    </tr>
    <tr>
    <td colspan="2" rowspan="3"></td><td><input type="checkbox" name="tabloid" id="tabloid" />Tabloid Example</td>
    <td><input type="checkbox" name="broadsheet" id="broadsheet" />Broadsheet Example</td></tr>
    <tr><td><input type="checkbox" name="colmt" id="colmt" />Column Sizes Tabloid</td>
     
    <td><input type="checkbox" name="colmb" id="colmb" />Column Sizes Broadsheet</td></tr>
    <tr><td><input type="checkbox" name="maps" id="maps" />Maps / Distribution</td><td colspan="2" align="right">External Attachments&nbsp;&nbsp;<input id="upload_file" name="upload_file" type="file"/> </td></tr>
     
    <tr><td colspan="2"><span class="que">Message :</span></td><td colspan="3">
        <textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 100%">
        <?php
         echo "<br><br><br>" . $from_person . "<br>" . $from_mobile; 
          ?>
        </textarea>
    </td></tr>
    </table>
    </form>
    </body>
    </html>

Getting Element(button) On Form With No Id

Similar Tutorials

View Content

Hello All,

I am fairly new to javascript. I need to access a button on a form and perform task using onclick. When I view the source of the page, the id of the button seems to be dynamic with a 'Link' suffix. (ex. xtydLink). How can I access this button if I cannot use getelementbyid because the ID changes?

Thanks in advance

Form Clear Button

Similar Tutorials

View Content

Hey,

I've created a form whereby there are four bars of different chocolates. Each time the user clicks the button with the name of the chocolate on it, a running total is shown. I would like to make a clear button for this and have wrapped the buttons in <formarea> tags and defined a name, however this is still not what I would like. The code for the buttons are as follows (without showing my attempt of the clear button, as this was a total mess):

Code:

</script>
</head>
<body onload="chocPrice()">
<h1>Prices of Chocolate</h1>
<br /><br />
<input type="button" id="btnMars" value="Mars" onclick="chocPrice(0)">
<br/>
<input type="button" id="btnSnickers" value="Snickers" onclick="chocPrice(1)">
<br/>
<input type="button" id="btnBounty" value="Bounty" onclick="chocPrice(2)">
<br/>
<input type="button" id="btnYorkie" value="Yorkie" onclick= "chocPrice(3)">
<br/>
<input type="text" id="Val" value="">
<br/>
<p>Total: </p><p id="Total">0</p>	
</body>
</html>

Many Thanks

Help With Javascript + Form Button

Similar Tutorials

View Content

Good afternoon.

I'm trying to make it so a 'radio button' in a 'form' will 'collapse' a Div that I have hidden.

I'm using the JavaScript to control the collapse, and google's Jquery for the rest of it.

here's the code.

Code:

<head>
<script type="text/javascript" src="SpryAssets/collapse.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
animatedcollapse.addDiv('test', 'fade=1, group=test, speed=400')

animatedcollapse.ontoggle=function($, divobj, state) { //fires each time a DIV is expanded/contracted
		//$: Access to Jquery
		//divobj: DOM reference to DIV being expanded/collapsed. Use "divobj.id" to get the ID.
		//state: "block" or "none", depending on the state.
	}
	
	animatedcollapse.init()
</script>
</head>

and the body code...

Code:

<form action="myform.php" method="post">
<a id="collapsable" href="javascript:animatedcollapse.toggle('test')"> [+]
        Testing the Collapsability of this Scripting.</a>
	<div id="test" style="display:none;">	
    	<h1> You can see that if you toggle the 'Image Display' Button. This will display Properly.</h1>
    </div>
</form>

You can find a completely working version (When not using Radio buttons and forms) located at My Toggle Works Here.

Alternatively, you can find the NON working version, which is what I'm attempting to get to work, located at My Toggle Doesn't Work.

you can see that in the version that doesn't work, if you hit the 'Radio button', it will collapse, and immediately uncollapse the Div, I don't get why it does this.

Any help is greatly appreciated.

Form Button To Work With Enter Key

Similar Tutorials

View Content

Hi I have a form setup so that when you enter something in a text field and click a button it checks to see if the value entered in the text field is the "correct" letter and if its right it changes the CSS property of a div container to be shown which then has a link to a the next question. So I don't really have a submit button because my form isn't setup to work with one. This is fine by me but the only problem is when you enter a letter and click enter it acts as a submit and the submit does nothing, which is what it's suppose to do.

So what I'm asking is how can I get that button to respond to an enter instead of the default submit taking over the enter key?

Submit Button Cannot Send Form To Asp

Similar Tutorials

View Content

Hi, i'm sabrina from Asia. i'm new here and a new student in javascript. My english language is not fluent.i'm really sorry about that. i really need help in my assignment. i've already create a form that will pop up an alert message if there is an empty input. it went great. but after i edit <form onSubmit="return formValidator()"> to <form onSubmit="return formValidator()" action="html_form_submit.asp" method="get">
i don't know why my submit button cannot send this form to html_form_action.asp. Please help me.. below is the code that i've done so far..thank you.

<html><head>
<title>Kelab ICT OUM</title>
</head>

<body>
<script type="text/javascript">

function formValidator(){
var nama=document.getElementById("nama");
var umur=document.getElementById("umur");
var tarikh=document.getElementById("tarikh");
var poskod=document.getElementById("poskod");
var email=document.getElementById("email");
var alamat=document.getElementById("alamat");
var negeri=document.getElementById("negeri");

if(isAlphanumeric(nama,"Sila isi nama anda")){
if(isNumeric(tarikh,"Sila isi tarikh lahir")){
if(isNumeric(umur,"Sila isi umur")){
if(isNumeric(poskod,"Sila isi poskod")){
if(emailValidator(email,"Sila isi email anda")){
if(lengthRestriction(alamat,"Sila masukkan alamat anda")){
if(madeSelection(negeri,"Sila pilih Negeri")){
return true;
}
}
}
}
}
}
}
return false;
}

function notEmpty(elem, helperMsg){
if(elem.value.length=0)
{
alert(helperMsg);
alem.focus();
return false;
}
return true;
}

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

function isAlphanumeric(elem, helperMsg){
var alphaExp=/^[0-9a-zA-Z]+$/;
if(elem.value.match(alphaExp))
{
return true;
}else{
alert(helperMsg);
elem.focus();
return false;
}
}

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

function lengthRestriction(elem,helperMsg){
var uInput=elem.value;
if(uInput.length>15)
{
return true;
} else{
alert(helperMsg);
elem.focus();
return false;
}
}

function madeSelection(elem, helperMsg){
if(elem.value == "Pilih")
{
alert(helperMsg);
elem.focus();
return false;
} else{
return true;
}
}

</script>

<form onSubmit="return formValidator()" action="html_form_submit.asp" method="get">

<table border="1" cellpadding="10" width="300">
<tr>
<td colspan="3"><h1>Kelab iCT OUM</h1></td>
</tr>

<tr>
<td>Nama</td>
<td colspan="3"><input type="text" size="80" id="nama"</td>
</tr>

<tr>
<td>Jantina</td>
<td><input type= "radio" Name="Jantina" id="Jantina" value="p">Perempuan
<br><input type= "radio" Name="Jantina" id="Jantina" value="l">Lelaki</td>
<td>Umur  <input type="text" size="10" id="umur">  Tahun
<br><br> Tarikh Lahir   <input type="text" size="10" id="tarikh">
</tr>

<tr>
<td>Alamat</td>
<td><textarea name= "comments" rows="6" cols="20" wrap="virtual" id="alamat"> </textarea></td>
<td>Poskod  <input type="text" size="10" id="poskod">
<br><br>Negeri  
<select name= "negeri" id = "negeri">
<option value="Pilih" selected="select">Pilih</option>
<option value="Perlis">Perlis</option>
<option value="Kedah">Kedah</option>
<option value="Perak">Perak</option>
<option value="Selangor">Selangor</option>
<option value="Negeri Sembilan">Negeri Sembilan</option>
<option value="Melaka">Melaka</option>
<option value="Kelantan">Kelantan</option>
<option value="Pahang">Pahang</option>
<option value="Terengganu">Terengganu</option>
<option value="Johor">Johor</option>
<option value="Wilayah Persekutuan">Wilayah Persekutuan</option>
<option value="Sabah">Sabah</option>
<option value="Sarawak">Sarawak</option>
</select>
<br><br>Email  <input type="text" size="10" id="email"></td>
</tr>
</table><br>
<input type="submit" value="Submit">   <input type= reset value ="Reset">
</form>

</body>
</html>

Javascript Form / Button In Applescript

Similar Tutorials

View Content

I am writing a script to add an item to card in Applescript. Usually some variant of this works with most shopping sites:

do JavaScript "document.getElementById('addToCart').onclick()" in document 1

However, I am lost here. How would I "click" this one?

a href="javascript:fnAddItemToCartWithAccessories('1218308267319','2074657')" onclick="s_objectID="javascript:fnAddItemToCartWithAccessories('1218308267319','2074657')_1";return this.s_oc?this.s_oc(e):true">
<img id="addtocart" border="0" alt="Add to Cart" src="http://images.bestbuy.com/BestBuy_US/en_US/images/global/buttons/btn_addtocart_pdp.gif">

http://www.bestbuy.com/site/LG+-+21....&skuId=2074657

Submit Button Outside The Form Tags

Similar Tutorials

View Content

Is there a way so that I can move the submit button outside of the form tags? and if this is possible, can you make it with multiple text boxes, each with their corresponding submit button?

heres the coding

Code:

<html>
<head>
<script type="text/javascript">
<!--
function gotoURL() {
var newURL = document.url2go.go.value
document.location.href=newURL
}
//-->
</script>
</head>
<body>



<form action="javaScript:gotoURL()" method="get" name="url2go">
<input type="text" name="go" value="http://" size="50">
<INPUT TYPE="image" SRC="" id="go" HEIGHT="150" WIDTH="150" BORDER="0" ALT="Submit Form">
</form>
</body>
</html>

Javascript Form And Send Button

Similar Tutorials

View Content

Hi there,

I guess my question is very novice but I have to ask it.

I can find lots of "form applications" on internet. But anytime I check them I cannot see any "send" button help. I mean I know that when I click it, it wont send the informations to my e-mail page. Because they don't show where to insert my email address there, in the example.

So how can we make a form work for us, how can we arrange it to send the informations to our e-mail address? Do we need to use a php file for it? if yes, how?

Regards and Thanks in advance

Radio Button Redirect Form Help

Similar Tutorials

View Content

I am trying to build a page that has a form on it with three questions, each having two answers via radio button. When the user hits submit, depending on their answers to the three questions, it redirects them to a different page.

This is all I have so far and am stuck, I dont know much JS.

<script type="text/javascript">

function whereTo () {
if ((Goods==true) && (Direct==true) && (SoleSource==true))
{ window.location = "http://www.somesite/page1"; }

if ((Goods==true) && (Direct==true) && (NetworkID==true) && (Competed==true))
{ window.location = "http://www.somesite/page2"; }

if ((Goods==true) && (Indirect==true) && (CostCenter==true) && (SoleSource==true))
{ window.location = "http://www.somesite/page3"; }

if ((Goods==true) && (Direct==true) && (NetworkID==true) && (SoleSource==true))
{ window.location = "http://www.somesite/page4"; }

if ((Goods==true) && (Indirect==true) && (CostCenter==true) && (Competed==true))
{ window.location = "http://www.somesite/page5"; }

if ((Goods==true) && (Direct==true) && (NetworkID==true) && (Competed==true))
{ window.location = "http://www.somesite/page6"; }

}
</script>

The form (it only has the inputs not the questions, i know its not setup properly, just wanted to show the inputs):

<form>
<input type="radio" id="Goods" name="good" /> Goods<br /><input type="radio" id="Services" name="Services" /> Services

<input type="radio" id="Direct" name="good" /> Direct<br /><input type="radio" id="Indirect" name="Indirect" /> Indirect

<input type="radio" id="CostCenter" name="CostCenter" /> Cost Center<br /><br /><input type="radio" id="NetworkID" name="NetworkID" /> Network ID

<input type="radio" id="SoleSource" name="order" /> Sole Source<br /><input type="radio" id="Competed" name="order" /> Can Be Competed</td>

<input alt="Submit" onclick=" return whereTo()" />

</form>

Button/onload Clear Form ??? Please Help

Similar Tutorials

View Content

Hey guys

Not sure how to get this done, but i have a webpage that opens up and on that page i have 2 frames (TOP frame, and BOTTOM frame). On the top frame, i have a webpage that loads with a users information and multiple check-boxes checked. On the bottom frame, i want to have a form that contains ONE button (lets say CLEAR) that clears all the information from the form on the TOP frame.

Note: I do not have ability to edit the webpage in the TOP frame. The web page is a company website and I am one of the IT people here but not dealing with websites. I was just put in charge of going to over 350 peoples pages and clearing everything on that page manually, so I want to create a script/page that loads the page that i needs, but EITHER clears the form and un-checks all the check-boxes, or a button that i press to do so.

Help please