javascript - 進行状況の読み込みが実行されているときに、ページの残りの部分を無効にします....!

Question

私はJavascriptが初めてです

アニメーション gif を使用して進行状況を表示する簡単な JavaScript を作成しました。

問題は、正常に動作しているにもかかわらず、その gif 画像の下のフォームをクリックできることです。

誰でも私を導くことができます..??

私のjs関数は

function search()
{
    /* doOverlayOpen('dvLoading', 470); */
    var opts = {
          lines: 17, // The number of lines to draw
          length: 10, // The length of each line
          width: 4, // The line thickness
          radius: 21, // The radius of the inner circle
          corners: 1, // Corner roundness (0..1)
          rotate: 13, // The rotation offset
          color: '#000', // #rgb or #rrggbb
          speed: 1, // Rounds per second
          trail: 60, // Afterglow percentage
          shadow: false, // Whether to render a shadow
          hwaccel: false, // Whether to use hardware acceleration
          className: 'spinner', // The CSS class to assign to the spinner
          zIndex: 2e9, // The z-index (defaults to 2000000000)
          top: 'auto', // Top position relative to parent in px
          left: 'auto' // Left position relative to parent in px
        };
    var target = document.getElementById('myDiv');
    var spinner = new Spinner(opts).spin(target);
    ...Some code.....!!!!!
}