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