JavaScriptだけで簡単なDB機能を使おうとしています。
FAQを作っていて、質問の内容によっていくつかのカテゴリに分類し、デフォルトでは全Q&Aをtable表示し、カテゴリ名(テキストリンク)をクリックすると、カテゴリに該当するQ&Aだけに絞り込んで表示するというものです。
いろいろなサイトを検索して、以下のような方法を見つけました。
------------------------------
db = new Array;
db[0]="番号,日付,質問,回答";
db[1]="001,2007/6/1,質問1,回答1";
db[2]="002,2007/6/2,質問2,回答2";
(同様に続く)
------------------------------
このようなDBがあり、ページ上の検索語入力欄に検索語を入れてボタンを押すと、dbの中で一致する語を含むものを、table化して表示するものです。
※情報元:http://www.imymode.com/exp/js04.html
この「検索語入力」を「テキストリンクをクリック」に変えて照合する方法をご存知の方はお教え頂けませんでしょうか。
質問カテゴリ名のテキストリンク(15件の予定)は、aタグにidを付与し、そのid名とdb内の文字列を照合するような形でできないかと思っています。従って、
db[1]="001,2007/6/1,質問1,回答1,id名";
のように、db側には質問が属するカテゴリのidも入れ、table化の際はid部分だけは表示しない、といった処理もできればと思っています。
説明足らずで申し訳ありませんが、宜しくお願い申し上げます。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
>aタグにidを付与し、そのid名とdb内の文字列を照合するような形
これはそのままやってもいいんじゃないでしょうか。
>db[1]="001,2007/6/1,質問1,回答1,id名";
これもこのままでいい気がします。
--------------------------------------------
<script>
db[1]="001,2007/6/1,質問1,回答1,id名";
function search(sword) {
//情報元に書いてあるようなソース
}
</script>
<a id="tag1" href="javascript:search(this.id);">tag1</a>
--------------------------------------------
こんな感じで動作するんじゃないかと思います。
タグだけでマッチさせるのであればindexOf関数ではなく、単純に比較演算でも良いかも知れません。
>db側には質問が属するカテゴリのidも入れ、table化の際はid部分だけは表示しない
var resultLength = result.length;
この部分を
var resultLength = result.length - 1;
にしてやれば希望の動作になりそうです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- SQL Server DBのテーブルの設計ができず困っています。 2 2023/06/29 16:43
- Ruby pandasでsqlite3にテーブル作成・追加・読み出しでindexの取り扱い方教えてください 5 2023/03/08 09:57
- 情報処理技術者・Microsoft認定資格 応用情報処理技術者試験のシステム利用率の計算について 2 2022/03/28 07:43
- その他(データベース) pythonでsqlight勉強中、クエリー結果の利用法教えて下さい 1 2022/04/28 20:38
- PHP php my adminより取り出したデータ表示 2 2022/06/15 11:56
- Excel(エクセル) アウトラインの小計のやり方 1 2023/03/20 11:51
- MySQL PHP 画像のアップロード Qiita 2 2022/11/28 04:44
- Excel(エクセル) 【Excel】指定のセル内容を基に別シートのセルを検索して選択する【VBA】 1 2022/06/16 16:16
- Wi-Fi・無線LAN PCWi-Fiの設定方法がわからなくて困っています。 4 2022/12/28 18:30
- Excel(エクセル) 重複したデータ(空白は除く)のVBA表記について 4 2022/08/15 07:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
変数内容をHTML内で表示する方法
-
javascriptでURLにマウスオーバー
-
document.getElementById( ).st...
-
表示・非表示のスクリプトで、...
-
取得した要素がインライン要素...
-
dblclickでdiv要素を一回だけ作...
-
マウスオーバー、アウト時の背...
-
プルダウンとチェックボックス...
-
removeAttribute()メソッドで削...
-
iframe内のリンクが飛ばないの...
-
HTMLとJavaScriptで作ったタイ...
-
jTweetsAnywhereでハッシュタグ...
-
ボタンを押せば、画面が切り替...
-
jqueryを使って無駄なspanタグ...
-
createElementで作成した要素を...
-
javascriptテキストBOX色を元に...
-
【jquery】スクロールで背景画...
-
javascriptでpostした値が取得...
-
タブで開いてさらにタブ内をア...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
IFRAMEの表示/非表示を切り替え...
-
タブで開いてさらにタブ内をア...
-
変数名をどのようにつけるのが...
-
クリックで色変更後に既に変更...
-
表示・非表示のスクリプトで、...
-
HTMLとJavaScriptで作ったタイ...
-
console.log結果をhtmlで表示し...
-
jQueryでクリックされた要素のi...
-
HTMLタグに複数のクラスを設定...
-
指定したパスが現URLに含まれて...
-
iframe内のリンクが飛ばないの...
-
背景色を透明化
-
テキストエリア内の一部の文字...
-
変数内容をHTML内で表示する方法
-
classの中の<a>タグにidを追加
おすすめ情報