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
-~----------~----~----~----~------~----~------~--~---

Reply via email to