jQueryのblockUIをformのボタンから呼ぶ際に、うまくいか
jQueryのblockUIをformのボタンから呼ぶ際に、うまくいかない。
blockUIを以下のように呼んでいます。
<script type="text/javascript" src="jquery/plugin/jquery.blockUI.js"></script>
<script type="text/javascript">
// unblock when ajax activity stops
$(document).ajaxStop($.unblockUI);
$(document).ready(function() {
$('#run').click(function() {
$.blockUI({ message: '<h1>お待ちください...</h1>' });
$.ajax({ url: 'xxxx', cache: false });
});
});
</script>
その上で、
<input id="run" type="submit" value="お待ちください" />
というボタンを単独でつけて押すと、「お待ちください」と表示するところまで
確認できています。
最終的に実現したいことは、formのsubmitボタンを押すことにより、
パラメータを渡した上で、cgiプログラムを実行することです。
<form action="cgi-bin/search.cgi" method="post">
この中に選択条件（パラメーター）
<input id="run" type="submit" value="検索開始">
</form>
現在、blockUIを使わずに、submitボタン押すと、検索CGIが適切に
動くことは確認できています。
そこで、
form action=にどのように書けばパラメーターを持ったまま、BlockUIを呼べるのか。
$.ajax({ url: 'xxxx', cache: false }); の url部分にどのように記述すると
cgiを呼べるのか。（cgi-bin/search.cgi）では動きませんでした。
そのあたりをご教授お願いいたします。
blockUIの解説ページでは、CGIの実行や別ページへの遷移のサンプルがなく
困っております。
宜しくお願いします。
補足
<form method="get" action="/cgi-bin/namazu.cgi" target=_blank> <label>サイト内検索</label> <input type="hidden" name="whence" value="0" /> <input type="hidden" name="idxname" value="knowledge" /> <input type="text" name="query" size="20" /> <input type="submit" name="submit" value="検索" /> </form> にかきなおしたできました。 ただ、namazu.cgiはテキストエディターで編集できない（文字化けしてしまう）のですが、どうしたらいいでしょうか？ 「namazuによる前文検索」というのを変更したいのに、しゅうせいできません。