フォームの戻るボタンについて
もしかするとカテゴリ違いかもしれませんが、質問させていただきます。
JavaScriptでユーザがボタンのアクティブ・非アクティブの制御ができるフォームを作成し、サーバサイドで処理し(Perl使用)、確認画面を表示しているのですが、その際、 onClick="history.back()"で元のページに戻る遷移を考えていたのですが、元のページに戻った際にアクティブ・非アクティブの制御が初期状態に戻ってしまいます(IE6or7)。
確認画面から元のページに戻った時にユーザが設定した状態をキープしたまま表示させたいと思っています。
サーバサイドで処理しようともしましたが、どうもうまくいきません。
どなたか良い方法をご存知の方がいらっしゃいましたらご教授願えないでしょうか?
(例えば下記のようなページから確認画面を経由して戻るような場合です。)
<html>
<head>
<script type="text/javascript">
window.onload = function(){
disableAllGr();
}
function disableAllGr(){
var inputList = document.getElementsByTagName('p');
for(var i=0;i<inputList.length;i++){
var obj=inputList[i];
if(obj.id.match(/^gr_/)){
var n=obj.firstChild;
while(n){
if(n.nodeName=="INPUT" && n.type=="radio") n.disabled=true;
if(n.nodeName=="INPUT" && n.type=="checkbox") n.disabled=true;
if(n.nodeName=="INPUT" && n.type=="text") n.disabled=true;
if(n.nodeName=="SELECT") n.disabled=true;
n=n.nextSibling;
}
}
}
}
function fchk2(obj) {
disableAllGr();
var nameList = obj.value.split(/,/);
for( var i in nameList){
if(!document.getElementById('gr_'+nameList[i])) return false;
var n=document.getElementById('gr_'+nameList[i]).firstChild;
while(n){
if(n.nodeName=="INPUT" && n.type=="radio") n.disabled=false;
if(n.nodeName=="INPUT" && n.type=="checkbox") n.disabled=false;
if(n.nodeName=="INPUT" && n.type=="text") n.disabled=false;
if(n.nodeName=="SELECT") n.disabled=false;
n=n.nextSibling;
}
}
}
</script>
</head>
<body>
<form>
<p id="ctr_FLAG">
<select onchange='fchk2(this)'>
<option selected="selected" value="">選んでください</option>
<option value="A,A2">Aをアクティブ</option>
<option value="A,A2,B,B2">AとBをアクティブ</option>
</select>
</p>
<p>A---------------------</p>
<p id="gr_A">
<select>
<option>A</option>
<option>AA</option>
</select>
</p>
<p id="gr_A2">
<input type="radio" value="2mm" />
テストA
<input type="radio" value="3mm" />
テストAA
</p>
<p>B-----------------------</p>
<p id="gr_B">
<select>
<option>B</option>
<option>BB</option>
</select>
</p>
<p id="gr_B2">
<input type="radio" value="2mm" />
テストB
<input type="radio" value="3mm" />
テストBB </p>
<p>-----------------------</p>
<p><input type="submit"></p>
</form>
</body>
</html>