チェックボックスはページビューを切り替えます

Question

チェックボックスをオンまたはオフに切り替える「詳細検索」ページをユーザーに提供したいと考えています。私は、ページの残りの部分の上に重層し、そのようにチェックボックスを使用していますDIV作られた：これはかなりうまく機能

style.display = "none" 
style.display = "block" 

をし、私がしたいことは基本的にモーダルダイアログであるので、それは私には意味があります。

「リセット」ボタンを追加してすべてのフィールドをクリアし、「詳細検索」ページを再度表示します。私はそのすべてを達成する方法を知らない。私は2つのアイデアを持っていますが、どちらも取り組んでいる。

1. はその後、何とか上のチェックボックスを持っている リフレッシュページを教えて、検索語のためにセッション変数をリセットします。
2. divを表示または非表示にする代わりに、専用の[詳細検索]ページを使用します。このページは、？search = trueパラメータのルートURLです。このチェックボックスは、パラメータの有無によるURLの切り替えを行います。制御しやすくなります。

溶液＃2のためにこの種のコードを使用する私の試みは働いていない：

function ModalPage() { 
    if(self.location == location) 
     { self.location = "?search=true"; } 
    else { self.location = location; } 
    // (some attempts looked less silly than this...)of #2 
} 

あなたのソリューション？

Answer 1

このオプションをセッションに保存してからページを再度読み込むのはどうですか？ pageloadでは、セッション変数をチェックし、設定されている場合はチェックマークをオンにします。

Answer 2

あなたは単純な「検索ページ」と「詳細検索」ページを持っているのですか？ または、1つのページしか表示されず、チェックボックスの後に詳細検索機能が表示され、非表示になっていますか？第2のケースで

、あなたは「リセット」とリセットボタンに機能を関連付けると呼ばれる新しいJavaScript関数を追加することができます機能を「リセット」の新しいJavaScriptで

<input type="button" id="resetButton" onclick="reset();" value="Reset"/> 

を、次の2つを作ることができます操作は：最初のケースでは高度な検索コンポーネント

function reset() { 
    //reset all the fields 
    .... 

    document.getElementById(YOUR_ADVANCED_SEARCH_ID).style.display = "block"; 
} 

をすべてのフィールドをリセットして、ショー、リセット機能は、単に

のように、高度な検索ページに何かをリダイレクトすることができます

location.href = "advancedSearchPage.XXX";