【ココログ】「みんなで解決!広場」検索のUpdate(n件ずつ表示等)
【ココログ】「みんなで解決!広場」過去ログ検索のバグFix他で、
| 現状、検索結果を1ページで表示しているので、たくさんの記事にヒットしすぎるとブラウザが不安定になってしまう
ということを言っておりましたが、今回、検索結果で一度に表示できる件数の方に制限をつけ、前後にページ切替できるナビ機能を搭載してみました。
ご利用の場合は、お手数ですが検索窓設置用フォームを以下のものに差替えて下さい。
既存のフォームでも使用できますが、今回のナビ機能等は使用できず、従来のままの表示となりますのでご了承下さい
<script type="text/javascript" charset="utf-8" src="https://furyu.tea-nifty.com/script/cocoQAsearch.js"></script>
<style type="text/css">
<!--
.ccqas_notice {
text-align:left; font-size: x-small;
}
.ccqas_links {
text-align:left; font-size: x-small;
line-height: 140%; margin-bottom: 8px;
}
.ccqas_ol {
text-align: left;
}
.ccqas_li {
}
.ccqas_title {
}
.ccqas_user {
color: brown;
}
.ccqas_date {
padding-right: 8px;
}
.ccqas_body {
padding-bottom: 8px;
}
.ccqas_update {
text-align:right; font-size: smaller;
}
.ccqas_copyright {
text-align:right; font-size: smaller;
}
.ccqas_nav, .ccqas_nav_disable, .ccqas_resize_open, .ccqas_resize_close {
color: brown;
border: outset 1px silver;
text-align:center;
}
.ccqas_nav, .ccqas_nav_disable {
font-size: 10px; line-height: 120% ;
margin: 0px; padding: 2px 0px 2px 0px;
}
.ccqas_nav {
background-color: lightyellow;
}
.ccqas_nav_disable {
background-color: whitesmoke;
}
.ccqas_resize_form {
display: inline;
}
.ccqas_resize_open, .ccqas_resize_close {
float: right;
font-size: 9px;
margin: 0px 0px 0px 4px; padding: 2px 0px 0px 0px;
}
.ccqas_resize_open {
background-color: lightyellow;
}
.ccqas_resize_close {
background-color: lightcyan;
}
.ccqas_body {
word-break: break-all;
overflow: auto;
}
-->
</style>
<form name="ccqas_form" class="ccqas_form" action="javascript:cocoQAsearch.requestForm();">
<input type="text" name="search_box" class="search_box" value="" />
<input type="button" name="search_button" class="search_button" onclick="javascript:cocoQAsearch.requestForm(this.form);" value="検索" />
<div class="check_box"><input type="checkbox" name="debut" checked />はじめる前</div>
<div class="check_box"><input type="checkbox" name="beginner" checked />初級者向け</div>
<div class="check_box"><input type="checkbox" name="expert" checked />上級者向け</div>
<div class="check_box"><input type="checkbox" name="info" />ブログ紹介</div>
結果を<select class="ccqas_showmax" name="ccqas_showmax">
<!-- 1 --><option value="5">5件ずつ</option>
<!-- 2 --><option value="10">10件ずつ</option>
<!-- 3 --><option value="20" selected>20件ずつ</option>
<!-- 4 --><option value="50">50件ずつ</option>
<!-- 5 --><option value="100">100件ずつ</option>
<!-- 6 --><option value="0">全て</option>
</select>表示
</form>
<script type="text/javascript">
<!--
cocoQAsearch.searchWordMin = 0 ; // 検索最小文字数制限(0:制限無し)
cocoQAsearch.showMax = 20 ; // 一度に表示する最大記事数のデフォルト値(カテゴリ毎)
cocoQAsearch.enableResize = true ; // 本文/コメント部のリサイズボタン表示有無(true:表示)
cocoQAsearch.initForm() ;
//-->
</script>
<style type="text/css">
<!--
.ccqas_notice {
text-align:left; font-size: x-small;
}
.ccqas_links {
text-align:left; font-size: x-small;
line-height: 140%; margin-bottom: 8px;
}
.ccqas_ol {
text-align: left;
}
.ccqas_li {
}
.ccqas_title {
}
.ccqas_user {
color: brown;
}
.ccqas_date {
padding-right: 8px;
}
.ccqas_body {
padding-bottom: 8px;
}
.ccqas_update {
text-align:right; font-size: smaller;
}
.ccqas_copyright {
text-align:right; font-size: smaller;
}
.ccqas_nav, .ccqas_nav_disable, .ccqas_resize_open, .ccqas_resize_close {
color: brown;
border: outset 1px silver;
text-align:center;
}
.ccqas_nav, .ccqas_nav_disable {
font-size: 10px; line-height: 120% ;
margin: 0px; padding: 2px 0px 2px 0px;
}
.ccqas_nav {
background-color: lightyellow;
}
.ccqas_nav_disable {
background-color: whitesmoke;
}
.ccqas_resize_form {
display: inline;
}
.ccqas_resize_open, .ccqas_resize_close {
float: right;
font-size: 9px;
margin: 0px 0px 0px 4px; padding: 2px 0px 0px 0px;
}
.ccqas_resize_open {
background-color: lightyellow;
}
.ccqas_resize_close {
background-color: lightcyan;
}
.ccqas_body {
word-break: break-all;
overflow: auto;
}
-->
</style>
<form name="ccqas_form" class="ccqas_form" action="javascript:cocoQAsearch.requestForm();">
<input type="text" name="search_box" class="search_box" value="" />
<input type="button" name="search_button" class="search_button" onclick="javascript:cocoQAsearch.requestForm(this.form);" value="検索" />
<div class="check_box"><input type="checkbox" name="debut" checked />はじめる前</div>
<div class="check_box"><input type="checkbox" name="beginner" checked />初級者向け</div>
<div class="check_box"><input type="checkbox" name="expert" checked />上級者向け</div>
<div class="check_box"><input type="checkbox" name="info" />ブログ紹介</div>
結果を<select class="ccqas_showmax" name="ccqas_showmax">
<!-- 1 --><option value="5">5件ずつ</option>
<!-- 2 --><option value="10">10件ずつ</option>
<!-- 3 --><option value="20" selected>20件ずつ</option>
<!-- 4 --><option value="50">50件ずつ</option>
<!-- 5 --><option value="100">100件ずつ</option>
<!-- 6 --><option value="0">全て</option>
</select>表示
</form>
<script type="text/javascript">
<!--
cocoQAsearch.searchWordMin = 0 ; // 検索最小文字数制限(0:制限無し)
cocoQAsearch.showMax = 20 ; // 一度に表示する最大記事数のデフォルト値(カテゴリ毎)
cocoQAsearch.enableResize = true ; // 本文/コメント部のリサイズボタン表示有無(true:表示)
cocoQAsearch.initForm() ;
//-->
</script>
各カテゴリで、指定した表示件数以上の記事にヒットした場合は、上下にナビが表示されますので、クリックして前後の検索結果に移動して下さい。 表示件数の初期値は20件です。Cookieが有効になっている場合、選択した表示件数を記憶し、次回からのデフォルト値として使用されます。
あと、ついでといってはなんですが、検索結果の本文/コメント概要の横の[+]をクリックすると、本文/コメント全体を見ることが出来るようになりました。
検索データ作成の都合上、改行などの情報が落ちてしまっていますが、実際の記事に移動することなく、おおよその内容をその場で確認出来るので、意外と便利なのではないかと思います。
とりあえず付けたかった機能は一通り搭載しました。公式版でも、最低限この程度の機能をつけてくださることを望みます(笑)>ニフティさん
« カテゴリーのかたより | トップページ | 【ココログ】「みんなで解決!広場」検索フォームちょっとだけ修正 »
「ウェブログ・ココログ関連」カテゴリの記事
- 久しぶりの投稿がココログへの苦言というのもなんなのですが……(2019.03.20)
- ココログをTwitterカードに対応させてみる(2016.11.23)
- 【覚書】風柳亭(ココログプロ)をレスポンシブWebデザイン化(Bootstrap3使用)(2015.10.09)
- ココログ用全文検索 - ココログ最強検索を jQuery を使って作り直してみた(既知の不具合の幾つかに対応)(2015.09.01)
- 現在に生きるということ。(2013.01.05)
「覚書」カテゴリの記事
- 鍛高譚 ~ カレイにまつわる物語(2018.05.25)
- ココログをTwitterカードに対応させてみる(2016.11.23)
- 神使の兎 ~宇治神社にて~(2016.07.10)
- Twitter 原寸びゅー:PC版ブラウザ用・Twitterの画像閲覧と保存がはかどる拡張機能の紹介(2016.02.12)
- スマートフォンをPC上の音楽を再生するためのリモコンとして使いたい(2016.01.10)
トラバでのお知らせ、ありがとうございました。
またまた驚きの機能追加ですね。
早速差し替えました。
件数が大量になる検索をかけたことがなかったのですが、
不安定になるという問題があったのですか。
折りたたみで情報を確認できるのも嬉しいです。
投稿: KOROPPY | 2006/06/29 21:26
トラバどうもです。
早速設置してみましたが、表示件数を変えて再検索しても前の件数になっちゃったりして変です。ウチのブログもしくはウチのFirefoxだけの問題かもしれませんが。そういう現象は出てないですか?
投稿: facet | 2006/06/29 21:50
KOROPPYさん、どうもです。
私なんかはおっちょこちょいなので、何もキーワードを入れずに検索してしまうことがあって……そんなときにはブラウザが固まったり落ちてしまったりと、ちょっと悲しい思いをしておりました(苦笑)。
折り畳みについては、検索結果の概要だけだと場合によっては内容が連想しにくい場合があるので付け加えました。
最初は切り取る文字数を多くすればいいかなーと思っていたのですが、どの程度が適当かわからず……(というか、あまり多くなると見通しが悪くなるので)。
投稿: 風柳>KOROPPYさん | 2006/06/29 23:00
facetさん、どうもです。
ちょっと手を抜いているので、
1. 0番目の選択肢を、問答無用で“デフォルト”として解釈
2. 検索時の選択肢が“デフォルト”の場合に、Cookieから件数取得
という作りになっていました。
よって、0番目に『デフォルト』以外を置いてしまうと、うまく動作しなくなっていました。
少し修正して、1. の条件を『<option>の innerHTML が“デフォルト”という文字の場合』に変更しました。
なので、今の状態なら、とりあえず facet さんのところでも指定した件数で表示されると思います。
<option value="0" selected>全て</option>も効くはずですが、ブラウザが不安定になる可能性は考慮しておいてください。
# cocoQAsearch.searchWordMin = 2;
# くらいにしておいた方がいいかも。
ただし、Cookieは、上記の仕様のため、
<option value="0" selected>デフォルト</option>
が選択肢にないと、有効になりません。
投稿: 風柳>facetさん | 2006/06/29 23:11
「デフォルト」ってのが私には意味不明だったので変えちゃったんです。
Cookieでしたか。なるほど挙動が理解できました。
今は変な動きはしなくなりました。どうもです。
ただ、今回の修正の影響なのか、検索結果がおかしくなりました。
たとえば、f/fo/for/formで検索すると、<form name="resize" class="ccqas_resize_form" >ってのに引っかかってますし、それなら全部同じ検索結果件数にならないといけないのに上記の4パターンで件数が違います。
さらに、[+]で展開が効かなくなってたり…
ということで、またお願いします。私は全然急ぎませんのでボチボチで。
# もしかしたら私の問題かもしれませんが。
投稿: facet | 2006/06/30 07:28
× # もしかしたら私の問題かもしれませんが。
○ # もしかしたらまた私の問題かもしれませんが(^^;
投稿: facet | 2006/06/30 07:33
facetさん、どうもです。
不具合報告有り難うございました。
多分、ご報告の件はなおったかと思いますので、ご確認いただけますか。
#[+]ボタン用formを付けた後でhighlight処理を呼んでいたので、おかしなことになっていたようです。
投稿: 風柳>facetさん | 2006/06/30 08:17
OKです。お疲れ様でした~
# 半チャット状態ですね(^^;
# というか、どうしてこの時間帯に修正している時間があるのか不思議だったり(^^;
投稿: facet | 2006/06/30 08:55
確認どうもでした~。
#この時間から出勤しても間に合うのです(^^;
投稿: 風柳>facetさん | 2006/07/01 06:27