Jeg kunne ikke finde årsagen, for ifølge DOM-inspectoren var der ingenting, men sæte en div rundt om dine blokke, så virker det !-)
Eksempel:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
var numQs = 3;//antallet af spm/grupper af spørgsmål
var myGroup = 0;
function switchDiv(action){
if(action == "next"){
var checkDiv = 'spm_gruppe_'+(++myGroup);
if(document.getElementById(checkDiv)){
document.getElementById(checkDiv).style.display = 'block'
document.getElementById('spm_gruppe_'+(myGroup-1)).style.display = 'none'
document.getElementById("buttonBack").style.visibility="visible";
if (myGroup==numQs)document.getElementById("buttonNext").style.visibility="hidden";
}
}
if(action == "back"){
var checkDiv = 'spm_gruppe_'+(--myGroup);
if(document.getElementById(checkDiv)){
document.getElementById(checkDiv).style.display = 'block'
document.getElementById('spm_gruppe_'+(myGroup+1)).style.display = 'none'
document.getElementById("buttonNext").style.visibility="visible";
if (myGroup==0)document.getElementById("buttonBack").style.visibility="hidden";
}
}
}
</script>
<title>Vis/skjul blokke</title>
</head>
<body>
<form name="minform">
<div>
<div id="spm_gruppe_0" style="display:block;">
spm_gruppe_0
<input type="text">
<input type="text">
<input type="text">
</div>
<div id="spm_gruppe_1" style="display:none;">
spm_gruppe_1
<input type="text">
<input type="text">
<input type="text">
</div>
<div id="spm_gruppe_2" style="display:none;">
spm_gruppe_2
<input type="text">
<input type="text">
<input type="text">
</div>
<div id="spm_gruppe_3" style="display:none;">
spm_gruppe_3
<input type="text">
<input type="text">
<input type="text">
</div>
</div>
<div id="buttonBack" style="visibility:hidden">
<input type="button" onClick="switchDiv('back');return false;" value="tilbage">
</div>
<div id="buttonNext" style="visibility:visible">
<input type="button" onClick="switchDiv('next');return false;" value="næste">
</div>
</form>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
