Elements can not have numeric ID's or id's which start with numbers. change your ID's to this format of:
<div id="div1"> Then use: document.getElementById("div" + (divCount+1)).className ='hiddenDiv'; and so on... On Jan 13, 8:56 am, geoffcox <g...@freeuk.com> wrote: > Hello > > the code below works fine in IE but will only work in latest Firefox > if I remove the link to the prototype js file. Form 2 radio buttons do > not appear after selecting a button for Form 1. > > Of course the ajax updater does not work then! > > Any ideas please! > > Geoff > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > "http://www.w3.org/TR/html4/loose.dtd"> > <html> > <head> > <title>WM</title> > > <script src="assets/javascripts/prototype-1.6.0.3.js" type="text/ > javascript"> > </script> > > <style> > .visibleDiv { > display : block} > > .hiddenDiv { > display : none} > > </style> > > <script type="text/javascript"> > > var results = []; > var divCount = 0; > > function sendResults() { > > var params = ({ > section1: results[0], > section2: results[1], > section3: results[2] > > }); > > new Ajax.Updater( > 'updateDiv', > 'wm-send.php', > { > asynchronous:true, > method:'post', > parameters: params > } > ); > > } > > function getValue(form) { > > var radioName = form.elements[0].name; > var typeValue = form[radioName]; > > if(typeValue) { > for(var i=0, n=typeValue.length; n>i; i++) { > if(typeValue[i].checked) { > results[divCount] = typeValue[i].value; > } > } > > } > > if (divCount < 2) { > document.getElementById(divCount+1).className ='hiddenDiv'; > document.getElementById(divCount+2).className ='visibleDiv'; > divCount++;} else { > > document.getElementById(divCount+1).className ='hiddenDiv'; > sendResults(); > > } > } > > </script> > </head> > > <body> > > <div id="1" class="visibleDiv"> > form1 > <form name="myform1" action="#"> > <input type="radio" name="picNum1" value="1"> > <input type="radio" name="picNum1" value="2"> > <input type="radio" name="picNum1" value="3"> > <input type="button" name="button" value="Send" > onClick="getValue(this.form);"> > </form> > </div> > > <div id="2" class="hiddenDiv"> > form2 > <form name="myform2" action="#"> > <input type="radio" name="picNum2" value="1"> > <input type="radio" name="picNum2" value="2"> > <input type="radio" name="picNum2" value="3"> > <input type="button" name="button" value="Send" > onClick="getValue(this.form);"> > </form> > </div> > > <div id="3" class="hiddenDiv"> > form3 > <form name="myform3" action="#"> > <input type="radio" name="picNum3" value="1"> > <input type="radio" name="picNum3" value="2"> > <input type="radio" name="picNum3" value="3"> > <input type="button" name="button" value="Send" > onClick="getValue(this.form);"> > </form> > </div> > > <div id="updateDiv"></div> > > </body> > </html> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---