Multipage form javascript help

4 replies
I'm having trouble getting some javascript working on a site I'm trying to get working. this is a multipage form don't with layers using javascript and I need to get two commands to work diring a button onclick. this is what I'm working with. I believe my issue is during the "onClick="showLayer('page5'), timeout_init()" portion of the script


<script language="JavaScript">
var currentLayer = 'page1';
function showLayer(lyr){
hideLayer(currentLayer);
document.getElementById(lyr).style.visibility = 'visible';
currentLayer = lyr;
}

function hideLayer(lyr){
document.getElementById(lyr).style.visibility = 'hidden';
}
function showValues(form){
var values = '';
var len = form.length - 1; //Leave off Submit Button
for(i=0; i<len; i++){
if(form[i].id.indexOf("C")!=-1||form[i].id.indexOf("B")!=-1)//Skip Continue and Back Buttons
continue;
values += form[i].id;
values += ': ';
values += form[i].value;
values += '\n';
}
alert(values);
}
</script>
<script language="Javascript">

function timeout_trigger() {
showLayer('page5');
}

function timeout_init() {
setTimeout('timeout_trigger()', 2000);
}

</script>





<div id="page4" class="page">


<p><input type="button" id="C4" value="option 1" onClick="showLayer('page5'), timeout_init()"></p>


<p><input type="button" id="C4" value="Option 2" onClick="showLayer('page5'), timeout_init()"></p>
<p><input type="button" id="C4" value="Option 3" onClick="showLayer('page5'), timeout_init()"></p>
<p><input type="button" id="C4" value="Option 4" onClick="showLayer('page5'), timeout_init()"></p>
<p><input type="button" id="C4" value="Option 5" onClick="showLayer('page5'), timeout_init()"></p>
<p><input type="button" id="C4" value="Option 6" onClick="showLayer('page5'), timeout_init()"></p>
<p><input type="button" id="B2" value="Go Back" onClick="showLayer('page3')"></p>
#form #javascript #multipage

Trending Topics