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 [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---
