2020 ソフトウェア設計及び演習用の班Wiki

20::gr10::検索ボックス

※検索単体でどうにかできなかったのでMySQLの方に検索の機能自体は記載。こっちは主にデザイン

進捗

  • search_design.htmlを生かして検索機能付きのボックス設置、search.cssにデザイン部分移行
  • ヘッダーの位置にボックスを設置したいがうまくいかない。統合時にすずねに見てもらう→ヘッダーにおけたらしい、さすがだ 検索デザイン.png
    トップに検索.png
search_design.html
  • テキスト入力欄と検索ボタンの設置
    • マウスカーソルが検索ボタンの上にくるとボタンの色が変化(クリックしても何も起きない)
    • テキスト入力モードになっているとボックスの背景色が変化。
    • 検索ボタンはフリーのアイコン画像に。

6z01mwSG.jpg
(スクショするとマウスカーソル消えるので写真で)

search2.html,sample.js
  • 文字を入力すると、その文字列が含まれるラインだけが表示される検索機能
  • jQuery利用

ページ内文字列検索.png
検索後.png
プログラム内で入力されている文字列からの検索はできたがサイト内で検索結果画面に飛んで検索するというのができない
ネットのサンプルコードが解読できない

やりたいこと

  • テキスト入力することしかできないので、検索ボタンをクリックした時に何らかの反応をつける
  • サイト内検索機能(今あるプロトタイプは見た目だけなので、検索機能のあるものは全く違うプログラムで書かないといけないかも
    • MySQLで解決。
  • 適当に作ったヘッダー上に置こうとしたらできなかったので統合の仕方を考える(↓の位置に置きたい)
    • やってもらった
      メイン.png
  • MySQLの機能にある検索を使ってあいまい検索できるようになったので先に作ったデザイン重視のやつと統合して見た目整えたい。
    • できた、前半の作業が無駄にならなくてよかった

班トップ


最終更新日:2020/08/15 00:02:38